CodePen Home Image zoom on hover - auto run - view (ok)

Ví dụ 1:

C:\xampp\htdocs\test\index.html

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <link rel="stylesheet" type="text/css" href="style.css">
  <title>Document</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script> 
<div class="wrapper">
  <div class="parent">
    <div class="child bg-one">
      <a href="#">Los Angeles</a>
    </div>
  </div>
  <div class="parent right">
    <div class="child bg-two">
      <a href="#">London</a>
    </div>
  </div>
  <div class="parent">
    <div class="child bg-three">
      <a href="#">New York</a>
    </div>
  </div>
  <div class="parent right">
    <div class="child bg-four">
      <a href="#">Hollywood</a>
    </div>
  </div>
  <div class="parent">
    <div class="child bg-five">
      <a href="#">Dubai</a>
    </div>
  </div>
  <div class="parent right">
    <div class="child bg-six">
      <a href="#">San Francisco</a>
    </div>
  </div>
</div>
</body>
</html>

C:\xampp\htdocs\test\style.css

Ví dụ 2:

C:\xampp\htdocs\test\index.html

C:\xampp\htdocs\test\style.css

PreviousHiệu ứng ảnh tự zoom, animation, scale phần 1 full (ok)Nextscroll-padding (ok)

Last updated

Was this helpful?