《爱情错觉》张玮伽
<div style="width: 1000px;height: 600px;box-shadow:0px 0px 1px 2px #13659f, 0px 0px 0px 6px #cfeafd,0px 0px 5px 15px #13659f;overflow:hidden;border-radius:0%;margin-top:20px;margin-LEFT: 0px;"><div style="width: 1000px; height: 600px; margin-top:0px; margin-left:0px;box-shadow: 0px 0px 0px 1px #cccccc, 0px 0px 0px 0px #000079; overflow: hidden;transform:rotate(0deg);background:url(http://chuangshicdn.data.mvbox.cn/album/22/03/14/22031417263445440463.gif)0 0/20%20%,url(//tuku.link/imgs/2022/10/568135c03510bfb2.gif)0 0/100%100%; text-align: center;"><img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/930dd0a5863c7b0fc8b8f0630b16fa31.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/bc139b13c2d606184c2ffa0222b3e6cb.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/ffbf8f5e59bce838a460b496f4a89d55.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/67cdb7821f7e7e2917bb260c47d7c12a.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/6d5cece016a9a77832b994d0110304fc.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/9b656afcadc1e79797470556e2a2edea.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/45975f393c0d282f10b334dffe9512f8.jpg" /> <img alt="" class="photo" src="http://pan.yinhuabbs.cn/view.php/1db9737fdfff22f9f1c4cafac653ecc2.jpg" /></div>
<div class="items">
<div class="lrc">
<ul id="ullrc">
</ul>
</div>
</div>
<style type="text/css">.photo {width: 100%;
height: 100%;box-shadow: 0px 0px 0px 2px #cccccc, 0px 0px 0px 5px #880000;
position: absolute;top:0px; left:0px;
filter:hue-rotate(0deg)contrast(100%)brightness(100%);
animation: round 32s infinite;
opacity: 0;}
@keyframes round {0% {
opacity: 0;clip-path: polygon(0 50%, 50% 50%, 50% 0, 50% 0, 50% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 100%, 50% 100%, 50% 50%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
2% {
opacity: 1;clip-path:polygon(0 50%, 50% 50%, 50% 0, 50% 0, 50% 50%, 100% 50%, 100% 50%, 50% 50%, 50% 100%, 50% 100%, 50% 50%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
10% {
opacity: 0.8;clip-path:polygon(0 50%, 0 0, 50% 0, 50% 0, 100% 0, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 0 100%, 0 50%);
-webkit-transform:translate(0%,0%)scale(1);}
18% {
opacity: 0;clip-path:polygon(0 50%, 0 0, 50% 0, 50% 0, 100% 0, 100% 50%, 100% 50%, 100% 100%, 50% 100%, 50% 100%, 0 100%, 0 50%);
-webkit-transform:translate(0%,0%)scale(2);}
}
img:nth-child(1) {animation-delay: 28s;}
img:nth-child(2) {animation-delay: 24s;}
img:nth-child(3) {animation-delay: 20s;}
img:nth-child(4) {animation-delay: 16s;}
img:nth-child(5) {animation-delay: 12s;}
img:nth-child(6) {animation-delay: 8s;}
img:nth-child(7) {animation-delay: 4s;}
img:nth-child(8) {animation-delay: 0s;}
</style>
<div style="position:relative;width: 1000px;height: 600px;overflow:hidden;top: -200px;left: -30px;">
<div style="left: 0px;position:absolute;top: 0px;"><iframe frameborder="0" height="590" marginheight="0" marginwidth="0" scrolling="no" src="http://pan.yinhuabbs.cn/view.php/d455cbc1d8b69932b51e62d6bf108ab7.html" width="1000"></iframe></div>
</div>
</div>
<p> </p>
<div style="height: 20px;"> </div>
<div align="center">
<style type="text/css">.内影 {
font-size:40pt; color: red;
color: transparent;
background-color : black;
text-shadow : rgba(255,255,255,0.5) 0 5px 6px, rgba(255,255,255,0.2) 1px 3px 3px;
-webkit-background-clip : text;
}
</style>
<div class="内影"><b>图片放大播放代码</b></div>
</div>
欣赏一下,谢谢。 欣赏老师的新作好听,点赞! 蓝魔 发表于 2022-12-1 20:24
欣赏一下,谢谢。
问候老师好! 非常开心 发表于 2022-12-2 19:20
欣赏老师的新作好听,点赞!
问候老师好!
页:
[1]