kerem2657 adlı üyeden alıntı: mesajı görüntüle
Hocam musaien verecegim kodu senin denediğin sayfanın yerine calıştırırmısın.Bende merak ettim nasıl duracak.Sana zahmet

<div style="position:relative; width:100%; height:0px; padding-bottom:56.206%"><iframe allow="fullscreen;autoplay" allowfullscreen height="100%" src="https://streamable.com/e/wu2ifv?autoplay=1&nocontrols=1" width="100%" style="border:none; width:100%; height:100%; position:absolute; left:0px; top:0px; overflow:hidden;"></iframe></div>

Kodları ekte veriyorum, istediğiniz gibi ekleme çıkarma vs. yapabilirsiniz.




<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>| Başarılı Giriş</title>
  <style>
      *{
          transition: all 0.6s;
      }

      html {
          height: 100%;
      }

      body{
          font-family: -apple-system, system-ui, sans-serif;
          color: #888;
          margin: 0;
      }

      #main{
          display: table;
          width: 100%;
          height: 100vh;
          text-align: center;
      }

      .fof{
          display: table-cell;
          vertical-align: middle;
      }

      .fof h1{
          font-size: 50px;
          display: inline-block;
          padding-right: 12px;
          animation: type .5s alternate infinite;
      }

      @keyframes type{
          from{box-shadow: inset -3px 0px 0px #888;}
          to{box-shadow: inset -3px 0px 0px transparent;}
      }
  </style>
</head>

<body>
<div id="main">
  <div class="fof">
  
    <h1>Hoşgeldiniz</h1>
    <h2> 3 Saniye içinde Yönlendiriliyorsunuz.. Lütfen Bekleyin.. </h2>
  </div>
</div>
</body>

</html>