[email protected]

Video background light glow

By dehcanuto

Share

<\/video>\r\n <video class=\"absolute top-0 left-0 w-full h-full transform-gpu translate-x-0 translate-y-0 z-0 inline object-center object-cover rounded-2xl blur-2xl\" preload=\"none\" aria-hidden=\"false\" data-src=\"https:\/\/player.vimeo.com\/progressive_redirect\/playback\/840627949\/rendition\/1080p\/file.mp4?loc=external&amp;signature=df9cfec6465233ea6f14bd85906ac7412e35a0a00e65cdb6823b45d2b2cf5607\" loop=\"\" playsinline=\"\" autoplay=\"\" src=https://www.creative-tim.com/"https:////player.vimeo.com//progressive_redirect//playback//840627949//rendition//1080p//file.mp4?loc=external&amp;signature=df9cfec6465233ea6f14bd85906ac7412e35a0a00e65cdb6823b45d2b2cf5607\%22><\/video>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/div>","author_type":"App\\User","author_id":10969,"collection_id":null,"fork_id":null,"votes":1,"score":"5.0","visits":1421,"popularity":75,"slug":"video-background-light-glow","approved":1,"created_at":"2024-03-01T00:00:00.000000Z","updated_at":"2024-09-19T02:14:39.000000Z","downloads":20,"code_views":346,"center":false,"notified":0,"premium":0,"tailwind_config":null,"type":"component","css":"https:\/\/cdn.tailwindcss.com","should_tweet":0,"media":[{"id":11674,"model_type":"App\\Component","model_id":6422,"collection_name":"preview","name":"temp86389","file_name":"temp86389.png","mime_type":"image\/png","disk":"public","size":1275401,"manipulations":[],"custom_properties":[],"responsive_images":{"media_library_original":{"urls":["temp86389___media_library_original_1280_957.png","temp86389___media_library_original_1070_800.png","temp86389___media_library_original_895_669.png","temp86389___media_library_original_749_560.png","temp86389___media_library_original_627_469.png","temp86389___media_library_original_524_392.png","temp86389___media_library_original_439_328.png","temp86389___media_library_original_367_274.png","temp86389___media_library_original_307_230.png","temp86389___media_library_original_257_192.png","temp86389___media_library_original_215_161.png","temp86389___media_library_original_179_134.png","temp86389___media_library_original_150_112.png","temp86389___media_library_original_125_93.png"],"base64svg":"data:image\/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHg9IjAiCiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4MCA5NTciPgoJPGltYWdlIHdpZHRoPSIxMjgwIiBoZWlnaHQ9Ijk1NyIgeGxpbms6aHJlZj0iZGF0YTppbWFnZS9qcGVnO2Jhc2U2NCwvOWovNEFBUVNrWkpSZ0FCQVFFQVlBQmdBQUQvL2dBN1ExSkZRVlJQVWpvZ1oyUXRhbkJsWnlCMk1TNHdJQ2gxYzJsdVp5QkpTa2NnU2xCRlJ5QjJPREFwTENCeGRXRnNhWFI1SUQwZ09UQUsvOXNBUXdBREFnSURBZ0lEQXdNREJBTURCQVVJQlFVRUJBVUtCd2NHQ0F3S0RBd0xDZ3NMRFE0U0VBME9FUTRMQ3hBV0VCRVRGQlVWRlF3UEZ4Z1dGQmdTRkJVVS85c0FRd0VEQkFRRkJBVUpCUVVKRkEwTERSUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVRkJRVUZCUVVGQlFVLzhBQUVRZ0FHQUFnQXdFUkFBSVJBUU1SQWYvRUFCOEFBQUVGQVFFQkFRRUJBQUFBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUUFBSUJBd01DQkFNRkJRUUVBQUFCZlFFQ0F3QUVFUVVTSVRGQkJoTlJZUWNpY1JReWdaR2hDQ05Dc2NFVlV0SHdKRE5pY29JSkNoWVhHQmthSlNZbktDa3FORFUyTnpnNU9rTkVSVVpIU0VsS1UxUlZWbGRZV1ZwalpHVm1aMmhwYW5OMGRYWjNlSGw2ZzRTRmhvZUlpWXFTazVTVmxwZVltWnFpbzZTbHBxZW9xYXF5czdTMXRyZTR1YnJDdzhURnhzZkl5Y3JTMDlUVjF0ZlkyZHJoNHVQazVlYm42T25xOGZMejlQWDI5L2o1K3YvRUFCOEJBQU1CQVFFQkFRRUJBUUVBQUFBQUFBQUJBZ01FQlFZSENBa0tDLy9FQUxVUkFBSUJBZ1FFQXdRSEJRUUVBQUVDZHdBQkFnTVJCQVVoTVFZU1FWRUhZWEVUSWpLQkNCUkNrYUd4d1Frak0xTHdGV0p5MFFvV0pEVGhKZkVYR0JrYUppY29LU28xTmpjNE9UcERSRVZHUjBoSlNsTlVWVlpYV0ZsYVkyUmxabWRvYVdwemRIVjJkM2g1ZW9LRGhJV0doNGlKaXBLVGxKV1dsNWlabXFLanBLV21wNmlwcXJLenRMVzJ0N2k1dXNMRHhNWEd4OGpKeXRMVDFOWFcxOWpaMnVMajVPWG01K2pwNnZMejlQWDI5L2o1K3YvYUFBd0RBUUFDRVFNUkFEOEErZHZDL2cyem0waU1yRUhZOXhYb1UzR09yUE9yYzBsWkhwL2dMNGFhZFB4ZndiSXozcjJLTmFEZnVuem1LdzA3UG5kam80UGg5NGRieEdsbkdnTWZjMFR4MGxVNUhFd3BaZFNkTG5VeTc0KytFR2lMbzg3UVJENVJXVlhFdlpvOWJENEdQTHpKbnpCOE9mRk43cDJtZnZYM0lQV3ZsRlc1dHo2UlVwSlhQYTlGK0lvdXRFd3BBY0N1M0RZaU5PcW0zb2VWbVZLYzhNMHR5SHcxNHlOeHJpc2Z2SWNzYzE5SFVyMGFrMUpId09HdzJKcHhjVzl6dGZHUGkyZTk4UHpUMnArVURCR2E4REdWb3lsN2pQMWZKcVhMU3RXUitiMXI0LzFTMGg4cEpTRnJnOWtoODd0WTBiUDR0YTNaeGxFbU8zMHFQWW9pVDVsWmsxbDhZOWRzWjJsam5JWnV2TmRVVzRxeU9SNGFEZDdHaS94LzhTdmFOYi9hRDViZFJtc1hUVGR6dmpVY1ZaSC8yUT09Ij4KCTwvaW1hZ2U+Cjwvc3ZnPg=="}},"order_column":4,"created_at":"2024-03-01T15:05:18.000000Z","updated_at":"2024-03-01T15:05:24.000000Z","conversions_disk":"public","uuid":"d503d519-5109-4972-976a-3a2c80c9e4af","generated_conversions":{"thumb":true,"ogimage":true},"original_url":"https:\/\/tailwindcomponents.com\/storage\/11674\/temp86389.png","preview_url":""}],"author":{"id":10969,"name":"dehcanuto","slug":"dehcanuto","bio":"Crafting amazing UIs with Tailwind CSS.","avatar":"https:\/\/avatars.githubusercontent.com\/u\/26464462?v=4","header":null,"created_at":"2023-02-13T15:46:24.000000Z","updated_at":"2024-03-01T21:30:07.000000Z"},"tags":[{"id":24,"name":{"en":"Headers"},"description":"The Header is a very important component that provides useful links to other areas of the website that the user may want to visit. See below our collection of Header examples that you can add directly to your Tailwind UI project.","meta_description":"Visit our collection of Header examples that you can add directly to your web project.","slug":{"en":"headers"},"type":null,"order_column":23,"created_at":"2022-08-31T14:18:40.000000Z","updated_at":"2022-12-21T11:18:38.000000Z","pivot":{"taggable_type":"App\\Component","taggable_id":6422,"tag_id":24}}],"fork":null,"favorites":[{"id":20118,"name":"vishnu-damuluri","slug":"vishnu-damuluri","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/63779997?v=4","header":null,"created_at":"2024-08-12T04:33:36.000000Z","updated_at":"2024-08-12T04:33:36.000000Z","pivot":{"component_id":6422,"user_id":20118}},{"id":18612,"name":"Aj-Ishac","slug":"aj-ishac","bio":null,"avatar":"https:\/\/avatars.githubusercontent.com\/u\/96703509?v=4","header":null,"created_at":"2024-05-04T11:15:07.000000Z","updated_at":"2024-05-04T11:15:07.000000Z","pivot":{"component_id":6422,"user_id":18612}}]}" :edit="false">

Community Rate

Related components