apps/BareRTC
1
0
Fork 0
Code Issues 14 Pull Requests Packages Projects Releases Wiki Activity

Animate the video watermark

Browse Source
This commit is contained in:
Noah 2024-10-04 21:39:19 -07:00
parent a3d0cc95f9
commit 095cf1d4ea
1 changed files with 10 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/VideoFeed.vue
View File

@ -206,6 +206,9 @@ video {
width: 40%; width: 40%;
height: 40%; height: 40%;
opacity: 0.02; opacity: 0.02;
animation-name: subtle-pulsate;
animation-duration: 10s;
animation-iteration-count: infinite;
} }
.corner-watermark { .corner-watermark {
position: absolute; position: absolute;
@ -219,4 +222,11 @@ video {
.invert-color { .invert-color {
filter: invert(100%); 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; }
}
</style> </style>