<!doctype html><html><head><meta charset="utf-8"><title>韦德最后一舞</title><meta name="keywords" content=""><meta name="description" content=""><style>.out{ width:0px; height:350px;background: gray; margin:300px auto; -webkit-transform-style:preserve-3d; -webkit-perspective:1000px;-webkit-perspective-origin: center center;}.con{width:105px; height:1000px; -webkit-transform-style:preserve-3d; position: relative; -webkit-transform: rotateY(20deg) rotateX(20deg);}.con div{width:105px; height:200px; background: red; position: absolute; left: 20px; top:0px;}.con div:nth-child(1){background:#324212;-webkit-transform: translateZ(300px);}.con div:nth-child(2){background:#537212;-webkit-transform:rotateY(22.5deg) translateZ(300px);}.con div:nth-child(3){background:#865332;-webkit-transform: rotateY(45deg) translateZ(300px);}.con div:nth-child(4){background:#325612;-webkit-transform: rotateY(67.5deg) translateZ(300px);}.con div:nth-child(5){background:#374712;-webkit-transform: rotateY(90deg) translateZ(300px);}.con div:nth-child(6){background:#329612;-webkit-transform: rotateY(112.5deg) translateZ(300px);}.con div:nth-child(7){background:#322612;-webkit-transform: rotateY(135deg) translateZ(300px);}.con div:nth-child(8){background:#621612;-webkit-transform: rotateY(157.5deg) translateZ(300px);}.con div:nth-child(9){background:#324256;-webkit-transform: rotateY(180deg) translateZ(300px);}.con div:nth-child(10){background:#335712;-webkit-transform: rotateY(202.5deg) translateZ(300px);}.con div:nth-child(11){background:#51212;-webkit-transform: rotateY(225deg) translateZ(300px);}.con div:nth-child(12){background:#553212;-webkit-transform: rotateY(247.5deg) translateZ(300px);}.con div:nth-child(13){background:#124212;-webkit-transform: rotateY(270deg) translateZ(300px);}.con div:nth-child(14){background:#346212;-webkit-transform: rotateY(292.5deg) translateZ(300px);}.con div:nth-child(15){background:#273212;-webkit-transform: rotateY(315deg) translateZ(300px);}.con div:nth-child(16){background:#921212;-webkit-transform: rotateY(337.5deg) translateZ(300px);}@-webkit-keyframes 'run'{ 0%{-webkit-transform:rotateX(-20deg) rotateY(0deg);} 100%{-webkit-transform:rotateX(-20deg) rotateY(180deg);}}.con2{-webkit-animation:run 20s linear infinite 1s;}#content1 img {width: 105px;height:180px;}#content2 img {width: 105px;height:180px;}#content3 img {width: 105px;height:180px;}#content4 img {width: 105px;height:180px;}#content5 img {width: 105px;height:180px;}#content6 img {width: 105px;height:180px;}#content7 img {width: 105px;height:180px;}#content8 img {width: 105px;height:180px;}#content9 img {width: 105px;height:180px;}#content10 img {width: 105px;height:180px;}#content11 img {width: 105px;height:180px;}#content12 img {width: 105px;height:180px;}#content13 img {width: 105px;height:180px;}#content14 img {width: 105px;height:180px;}#content15 img {width: 105px;height:180px;}#content16 img {width: 105px;height:180px;</style></head><body><div class="out"><div class="con con2"><div id="content1">2003-2004<img src="img/1.png"></div><div id="content2">2018-2019<img src="img/16.png"></div><div id="content3">2017-2018<img src="img/15.png"></div><div id="content4">2016-2017<img src="img/14.png"></div><div id="content5">2015-2016<img src="img/13.png"></div><div id="content6">2014-2015<img src="img/12.png"></div><div id="content7">2013-2014<img src="img/11.png"></div><div id="content8">2012-2013<img src="img/10.png"></div><div id="content9">2011-2012<img src="img/9.png"></div><div id="content10">2010-2011<img src="img/8.png"></div><div id="content11">2009-2010<img src="img/7.png"></div><div id="content12">2008-2009<img src="img/6.png"></div><div id="content13">2007-2008<img src="img/5.png"></div><div id="content14">2006-2007<img src="img/4.png"></div><div id="content15">2005-2006<img src="img/3.png"></div><div id="content16">2004-2005<img src="img/2.png"></div></div></div></body></html>
评论