mirror of
https://github.com/Pathduck/pathduck.github.io.git
synced 2026-07-16 16:42:00 -04:00
33 lines
1.3 KiB
HTML
Executable File
33 lines
1.3 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>HTML Test Page</title>
|
|
<style>body {color: white; background: darkslategray;} a {color: deepskyblue;}</style>
|
|
<style>
|
|
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 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 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>
|
|
</center>
|
|
</body>
|
|
</html>
|