css滚动网页实现照片波动过渡动画效果代码-html代码-BFW代码库

css滚动网页实现照片波动过渡动画效果代码

代码语言：html

所属分类：动画

代码描述：css滚动网页实现照片波动过渡动画效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<html lang="en">
<head>

    <meta charset="UTF-8">





    <style>
        * {
            padding: 0;
            margin: 0;
            overflow: hidden;
        }
        ul {
            display: none;
        }
        p {
            z-index: -1;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    </style>


</head>

<body>
    <p id="loading">
        Now Loading...
    </p>
    <ul>

        <li> <img src="//repo.bfw.wiki/bfwrepo/image/6065033ab18d9.png" alt="sliced mango. ">Dolor Sit</li>
        <li> <img src="//repo.bfw.wiki/bfwrepo/image/6065033ab18d9.png" alt="a bunch of blueberries. ">Amet Consectetur</li>
        <li> <img src="//repo.bfw.wiki/bfwrepo/image/6078dc95244d6.png" alt="a pineapple sitting on a table. ">Adipiscing Elit</li>
        <li> <img src="//repo.bfw.wiki/bfwrepo/image/6065033ab18d9.png" alt="sliced mango. ">Dolor Sit</li>
        <li> <img src="//repo.bfw.wiki/bfwrepo/image/60.........完整代码请登录后点击上方下载按钮下载查看