Phần 5: Tạo Trang Tỏ Tình Crush Nhân Ngày Noel, Share Code

HTML


  <meta charset="UTF-8">
  <meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/>
  <meta content='IE=edge' http-equiv='X-UA-Compatible'/>
  <script src="https://kit.fontawesome.com/313025c77d.js" crossorigin="anonymous"></script>
  <link href="https://cuongbok.tk/demo/noel_to_tinh/main.css" rel="stylesheet"/>
  
  <div id="main">
  <div class="container" style="width:100%;height:100%;border:0;padding:15px; position:fixed;bottom:0;right:0;top:0;left:0;z-index:999;animation: gradient 10s ease infinite;">
    <p id="days"> Noel này cậu đi chơi với tớ nhé ^^ </p>
    <div class="rep">
      <button style="position: absolute;" class= "no">Không</button>
      <a class="yes" id="yes" href="//trumgiamgia.tk">Tớ đồng ý <i style="color: red;" class="fas fa-heart"></i></a>
    </div>
    <img style="height: 50%; margin-left: 120px;" src="https://i.imgur.com/jIFFBAx.png">
    <img style="height: 60%; float: right; margin-right: 120px;" src="https://i.imgur.com/Sv55cqX.png">
  </div>
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
<script src="https://cuongbok.tk/demo/noel_to_tinh/main.js"></script>
    </div>
  
  

<script>
  $('button').on('mouseover', function () {
    $(this).animate({
      'top': Math.random() * window.innerHeight + "px",
      'left': Math.random() * window.innerWidth + "px"
    }, "medium");
  })
</script>