stian/pathduck.github.io
1
0
Fork 0
mirror of https://github.com/Pathduck/pathduck.github.io.git synced 2025-12-29 11:45:20 -05:00
Code Activity

update video filters

Browse Source
This commit is contained in:
Stian Lund
2024-06-02 20:27:03 +02:00
parent 3feec71830
commit 5a75a3dabf
1 changed files with 16 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
test/video-filters/index.html
View File

@@ -3,20 +3,29 @@
<head>
<title>HTML Test Page</title>
<style>
body{color: #999;background: #501020;}
video#important { filter: brightness(250%) hue-rotate(180deg) !important; }
video#no-important { filter: brightness(250%) hue-rotate(180deg); }
body{color: #bbb;background: #501020;}
video.important { filter: brightness(250%) hue-rotate(180deg) !important; }
video.no-important { filter: brightness(250%) hue-rotate(180deg); }
h3.important { filter: brightness(500%) !important; }
h3.no-important { filter: brightness(500%); }
</style>
</head>
<body>
<h2>Test Video filter bug in Vivaldi 6.8</h2>
Both videos should have a 250% brightness and hue-rotation to orange.<br>
Both video titles should be at 500% brightness (white).
<center>
<h3>Video 1 - with <code>!important</code> rule</h3>
<video id="important" width="960" height="540" controls muted>
<h3 class="important";>Video 1 - with <code>!important</code> rule</h3>
<video class="important" width="960" height="540" controls muted>
<source src="https://help.vivaldi.com/wp-content/uploads/2017/12/vivaldi_success.mp4">
Your browser does not support the video tag.
</video>
<h3>Video 2 - no <code>!important</code> rule</h3>
<video id="no-important" width="960" height="540" controls muted>
<h3 class="no-important">Video 2 - no <code>!important</code> rule</h3>
<video class="no-important" width="960" height="540" controls muted>
<source src="https://help.vivaldi.com/wp-content/uploads/2017/12/vivaldi_success.mp4">
Your browser does not support the video tag.
</video>