vmt-testing-fadin

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">


<div class="w3-container">
  <h2>Animate Fade In and Out</h2>
  <p>The w3-animate-fading class fades in and out elements every 10 seconds (continuously).</p>
  <img class="w3-animate-fading" src="https://www.videomat.org/vmt-ssd/1612202014circular-black-lines-art-shape.svg" style="width:100%">
</div>

Animate Fade In and Out

The w3-animate-fading class fades in and out elements every 10 seconds (continuously).

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<center><div class="w3-container w3-center w3-animate-fading">
<div class="block-100 textflex">
<video height="auto" autoplay="" loop="" muted="" playsinline="" width="50% id=" 20211117mrks"="">
    <source src="https://videomat.org/vmt-filestream/20210414-mrks-vmt-showreel/20211117-mrks-vmt-showreel.mp4" type="video/mp4">
</video></div></div></center>
<script>
    function randomCurrentTime(videoId) {
        var video = document.getElementById(videoId);
        video.onloadedmetadata = function () {
            video.currentTime = Math.random() * video.duration;
        }
    }
    randomCurrentTime("20211117mrks");</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">

<center><div class="w3-container w3-center w3-animate-opacity">
<div class="block-100 textflex">
<video height="auto" autoplay="" loop="" muted="" controls="" playsinline="" width="20% id="20211117mrks">
    <source src="https://videomat.org/vmt-filestream/20210414-mrks-vmt-showreel/20211117-mrks-vmt-showreel.mp4" type="video/mp4">
</video></div></div></center>
<script>
    function randomCurrentTime(videoId) {
        var video = document.getElementById(videoId);
        video.onloadedmetadata = function () {
            video.currentTime = Math.random() * video.duration;
        }
    }
    randomCurrentTime("20211117mrks");</script>
<center><div class="block-100 textflex"><video height="auto" autoplay="" loop="" muted="" controls="" playsinline="" width="100% id=" 20211117mrks"="">
    <source src="https://videomat.org/vmt-filestream/20210414-mrks-vmt-showreel/20211117-mrks-vmt-showreel.mp4" type="video/mp4">
</video></div></center>
<script>
    function randomCurrentTime(videoId) {
        var video = document.getElementById(videoId);
        video.onloadedmetadata = function () {
            video.currentTime = Math.random() * video.duration;
        }
    }
    randomCurrentTime("20211117mrks");</script>