zoukankan      html  css  js  c++  java
  • 模仿世纪佳缘网站PC端的首页效果

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            *{margin: 0;padding: 0;font-size: 0}
            .img{
                animation-name: ani_bottom_item;
                animation-duration: 4s;
                 390px;height:390px;
            }
            @-webkit-keyframes ani_bottom_item {
                0%   {  20px;height:20px; }
                100% {  390px;height:390px;}
            }
        </style>
    </head>
    <body>
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    <img src="img/1.jpg" class="img">
    <img src="img/2.jpg" class="img">
    <img src="img/3.jpg" class="img">
    <img src="img/4.jpg" class="img">
    <img src="img/5.jpg" class="img">
    </body>
    </html>
    

      

  • 相关阅读:
    可左右拖动窗口demo
    制作一个简单的百度网盘在线视频加速的chrome插件
    git分支
    使用git的ssh
    git的概念和常用命令
    爬虫:获取页面 -- request库的使用
    字符串方法
    从实现原理更深入了解call和apply
    Git和GitHub使用
    localStorage和sessionStorage
  • 原文地址:https://www.cnblogs.com/liuhao-web/p/6379432.html
Copyright © 2011-2022 走看看