195400 发表于 2020-12-5 17:56

穿越的美女

<style type="text/css">#ptall div        {
        width:500px;
        height:960px;
        background-size:cover;
        transition:3s all;
}
#ptall div:nth-child(1)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213218fvxtyczocz0g2xry.jpg");
}
#ptall div:nth-child(2)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213219v99r59ctr2gg7trr.jpg");
}
#ptall div:nth-child(3)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213219unhsb3zs1s3oal15.jpg");
}
#ptall div:nth-child(4)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213219wsn8cgeytc83neec.jpg");
}
#ptall div:nth-child(5)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213220gk1d100gzggqt0dr.jpg");
}
#ptall div:nth-child(6)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213220tc6w56lz4hf94hld.jpg");
}
#ptall div:nth-child(7)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213220gqz71libxxbb7z4p.jpg");
}
#ptall div:nth-child(8)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213221tbnycm6i3m3ic833.jpg");
}
#ptall div:nth-child(9)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213221ciip00usk0rakjds.jpg");
}
#ptall div:nth-child(10)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213221fppcopps7pie0ssi.jpg");
}
#ptall div:nth-child(11)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213221c8fxylo878vd888z.jpg");
}
#ptall div:nth-child(12)        {
        background-image:url("http://www.keai99.com/data/attachment/forum/202012/04/213222ijsx5wwht87bs188.jpg");
}

#ptall div:nth-child(1):hover        {
        background-image:url("http://p5.itc.cn/q_70/images03/20201204/eebb01ff8b4b464bad104b69357bce00.gif");
}
#ptall div:nth-child(2):hover        {
        background-image:url("http://p9.itc.cn/q_70/images03/20201204/7aab0c76b0474bed8d6bafca1b94be3c.gif");
}
#ptall div:nth-child(3):hover        {
        background-image:url("http://p0.itc.cn/q_70/images03/20201204/15e6b0ff6fd84aebb59b2a5c5a64cfd3.gif");
}
#ptall div:nth-child(4):hover        {
        background-image:url("http://p1.itc.cn/q_70/images03/20201204/ebde231bc9ea4e18b9ea640b17bfe4a6.gif");
}
#ptall div:nth-child(5):hover        {
        background-image:url("http://p4.itc.cn/q_70/images03/20201204/6f3a229b4763483fab1d9fa90dd7539c.gif");
}
#ptall div:nth-child(6):hover        {
        background-image:url("http://p6.itc.cn/q_70/images03/20201204/5c70a814a5a24ee1900778ec9e12c5bc.gif");
}

#ptall div:nth-child(7):hover        {
        background-image:url("http://p9.itc.cn/q_70/images03/20201204/f35316d7bc914b7ea4cfd8f0f791e526.gif");
}
#ptall div:nth-child(8):hover        {
        background-image:url("http://p2.itc.cn/q_70/images03/20201204/b878439cce7d486083b1c4e0aac78453.gif");
}
#ptall div:nth-child(9):hover        {
        background-image:url("http://p7.itc.cn/q_70/images03/20201204/3066dfedd897424a8a76192886b45801.gif");
}
#ptall div:nth-child(10):hover        {
        background-image:url("http://p5.itc.cn/q_70/images03/20201204/0ecfc7c312df4a0f845bc023849bc176.gif");
}
#ptall div:nth-child(11):hover        {
        background-image:url("http://p6.itc.cn/q_70/images03/20201204/12b175f2cd8b4b08b8c9ef0e850b1cf3.gif");
}
#ptall div:nth-child(12):hover        {
        background-image:url("http://p8.itc.cn/q_70/images03/20201204/dbb7e3deff6d4761955bf83c8b33a835.gif");
}

#ptall        {
        width:500px;
        height:11520px;
        animation: pshift 48s ease-out infinite alternate;
}
#ptall:hover        {
        animation-play-state:paused;
}

#outframe        {
        width:500px;
        height:960px;
        overflow:hidden;
        border-radius:32px;
        margin:24px auto;
        position:relative;
        border:thick brown groove;
        ----webkit-mask-image: radial-gradient(black 60%, transparent 90%);
        background:#ccf;
}

@keyframes pshift {
        0%,8% {
                margin-top: 0px;
        }

        9%,17% {
                margin-top: -960px;
        }

        18%,25% {
                margin-top: -1920px;
        }

        26%,33% {
                margin-top: -2880px;
        }

        34%,41% {
                margin-top: -3840px;
        }

        42%,47% {
                margin-top: -4800px;
        }

        50%,57% {
                margin-top: -5760px;
        }

        58%,65% {
                margin-top: -6720px;
        }
        66%,73% {
                margin-top: -7680px;
        }
        74%,81% {
                margin-top: -8640px;
        }
        82%,90% {
                margin-top: -9600px;
        }
        91%,100% {
                margin-top: -10560px;
        }
}
</style>
<div id="outframe">
<div id="ptall">
<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div>&nbsp;</div>
</div>
<!--div id="LRC歌词显示" style="width:360px;height:200px;position:absolute;right:20px;bottom:20px;">
<img src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=2601744933,2910632010&fm=26&gp=0.jpg"
style="width:32px;overflow:hidden;border-radius:50%;">
</div--></div>

<p>鼠标停留在画面上看看美人们在干嘛</p>

雄鹰翱翔 发表于 2020-12-5 18:53

欣赏佳作,赞一个!

雄鹰翱翔 发表于 2020-12-5 18:56

作品新颖有特色的,让人眼前一亮!

195400 发表于 2020-12-5 19:51

雄鹰翱翔 发表于 2020-12-5 18:53
欣赏佳作,赞一个!

http://www.yinhuabbs.cn/data/attachment/forum/201912/21/084215njp5lwls4o0j7pno.gif

195400 发表于 2020-12-5 19:51

雄鹰翱翔 发表于 2020-12-5 18:56
作品新颖有特色的,让人眼前一亮!

http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif

诺北 发表于 2020-12-7 10:20

美女在开百宝箱,哈哈,宝贝真不少

195400 发表于 2020-12-7 10:47

诺北 发表于 2020-12-7 10:20
美女在开百宝箱,哈哈,宝贝真不少

http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif

页: [1]
查看完整版本: 穿越的美女