穿越的美女
<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> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </div>
<div> </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
欣赏佳作，赞一个！
http://www.yinhuabbs.cn/data/attachment/forum/201912/21/084215njp5lwls4o0j7pno.gif
雄鹰翱翔 发表于 2020-12-5 18:56
作品新颖有特色的，让人眼前一亮！
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif
美女在开百宝箱，哈哈，宝贝真不少 诺北 发表于 2020-12-7 10:20
美女在开百宝箱，哈哈，宝贝真不少
http://www.yinhuabbs.cn/data/attachment/forum/201912/20/123059ffon6y9p6tnedvne.gif
页:
[1]