东篱闲人 发表于 2024-6-8 20:59

是不是我不够温柔

<style type="text/css">
.photo {
        width: 1200px;
        height: 730px;
        position: absolute;top:0px; left:0px;z-index: 300;
        filter:contrast(120%)brightness(100%);-webkit-mask-image: radial-gradient(black 30% ,transparent 70%);
        animation: round 100s infinite;
        opacity: 0;
}

@keyframes round {
      0% {opacity: 0;filter:hue-rotate(360deg)}
       10% {opacity: 1;}
       18% {opacity: 0;}
}



img:nth-child(8) {animation-delay: 10s;}
img:nth-child(7) {animation-delay: 20s;}
img:nth-child(6) {animation-delay: 30s;}
img:nth-child(5) {animation-delay: 40s;}
img:nth-child(4) {animation-delay: 50s;}
img:nth-child(3) {animation-delay: 60s;}
img:nth-child(2) {animation-delay: 70s;}
img:nth-child(1) {animation-delay: 80s;}



@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}

.tit { position: relative;width:500px;height: 30px;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }

#papa        {
        width: 1200px;height: 710px;position:relative; --state:paused;
        box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #FAF0E6,0px 0px 5px 15px #F5DEB3;
        overflow:hidden;border-radius:1%;display:grid; place-items:center;
        margin-top:10px;margin-LEFT:-300px;
}
#vio        {position:absolute;left:-20px;top:-50px;background:#000 ;width:1400px; height: 800px;        }
</style>
<div id="papa">
<video src="https://img.tukuppt.com/video_show/2418175/00/02/20/5b51fecde9934.mp4" autoplay muted loop="" id="vio"></video>
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664465c5e6d1bfa05934b57.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664467f5e6d1bfa05936d4a.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664465c5e6d1bfa05934b57.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664467f5e6d1bfa05936d4a.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664465c5e6d1bfa05934b57.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664467f5e6d1bfa05936d4a.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664465c5e6d1bfa05934b57.jpg" />
<img alt="" class="photo" src="https://pic.imgdb.cn/item/6664467f5e6d1bfa05936d4a.jpg" />
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=141025" loop autoplay></audio>

小辣椒 发表于 2024-6-8 23:05

是的，老头你特别的温柔{:4_173:}

小辣椒 发表于 2024-6-8 23:06

老头现在真的很温柔的，帖子这么的美美的{:4_199:}

小辣椒 发表于 2024-6-8 23:07

图片转换效果棒棒的

小辣椒 发表于 2024-6-8 23:07

老头端午节安康！

红影 发表于 2024-6-8 23:15

这图片轮播漂亮，制作效果也特别好。
欣赏东篱大哥好帖{:4_199:}

红影 发表于 2024-6-8 23:17

东篱大哥这个视频也选得好，和背景也特别协调呢{:4_187:}

樵歌 发表于 2024-6-9 06:43

手都被锚定了，比温柔还要柔{:4_189:}

梦油 发表于 2024-6-9 16:11

祝东篱朋友及家人端午安康！

东篱闲人 发表于 2024-6-9 21:14

小辣椒 发表于 2024-6-8 23:05
是的，老头你特别的温柔

真滴假滴？{:5_117:}

东篱闲人 发表于 2024-6-9 21:15

小辣椒 发表于 2024-6-8 23:07
老头端午节安康！

师傅安康。。。{:4_190:}

东篱闲人 发表于 2024-6-9 21:15

红影 发表于 2024-6-8 23:15
这图片轮播漂亮，制作效果也特别好。
欣赏东篱大哥好帖

改了一个代码，试试。。。

东篱闲人 发表于 2024-6-9 21:15

红影 发表于 2024-6-8 23:17
东篱大哥这个视频也选得好，和背景也特别协调呢

和谐。。。{:5_117:}

东篱闲人 发表于 2024-6-9 21:16

樵歌 发表于 2024-6-9 06:43
手都被锚定了，比温柔还要柔

还是你懂。。。{:5_117:}

东篱闲人 发表于 2024-6-9 21:16

梦油 发表于 2024-6-9 16:11
祝东篱朋友及家人端午安康！

祝老梦节日快乐，多吃多喝。。。{:4_176:}

小辣椒 发表于 2024-6-9 21:56

东篱闲人 发表于 2024-6-9 21:14
真滴假滴？

当然真的啊

小辣椒 发表于 2024-6-9 21:57

东篱闲人 发表于 2024-6-9 21:15
师傅安康。。。

老头端午安康，健康长寿！幸福永远！

樵歌 发表于 2024-6-9 21:57

东篱闲人 发表于 2024-6-9 21:16
还是你懂。。。

不懂也装一回呗{:4_189:}

红影 发表于 2024-6-9 22:17

东篱闲人 发表于 2024-6-9 21:15
改了一个代码，试试。。。

很完美{:4_205:}

红影 发表于 2024-6-9 22:17

东篱闲人 发表于 2024-6-9 21:15
和谐。。。

是啊，非常漂亮呢{:4_187:}
页: [1] 2
查看完整版本: 是不是我不够温柔