From 095cf1d4eaa02c6d35870372ed36caabc127bded Mon Sep 17 00:00:00 2001 From: Noah Petherbridge Date: Fri, 4 Oct 2024 21:39:19 -0700 Subject: [PATCH] Animate the video watermark --- src/components/VideoFeed.vue | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/src/components/VideoFeed.vue b/src/components/VideoFeed.vue index 1f05ba0..b79ef11 100644 --- a/src/components/VideoFeed.vue +++ b/src/components/VideoFeed.vue @@ -206,6 +206,9 @@ video { width: 40%; height: 40%; opacity: 0.02; + animation-name: subtle-pulsate; + animation-duration: 10s; + animation-iteration-count: infinite; } .corner-watermark { position: absolute; @@ -219,4 +222,11 @@ video { .invert-color { filter: invert(100%); } + +/* Animate the primary watermark to pulsate in opacity */ +@keyframes subtle-pulsate { + 0% { opacity: 0.02; } + 50% { opacity: 0.04; } + 100% { opacity: 0.02; } +}