午后・时光

追光者(学习黑师《城南花已开》小花变形播放之二)

位置: 首页 > 悄然作业[ 发布时间: 2023.4.12  作者: 花飞飞  阅读: 319 ]
:doodle {@size: 160px;gap: 19px;left: 52px;top: 30px;cursor: pointer;position: absolute;z-index: 10;mix-blend-mode: color-burn;}@shape:hypocycloid, 3;background: rgba(101,90,190,.99);animation: rot 4s infinite linear var(--state);@keyframes rot { to { transform: rotate(1turn); } }
HCPlayer

前一篇: 花开忘忧(学习黑师《城南花已开》小花播效果)
下一篇: 牵丝戏-黄龄【学习黑师苍穹(css-doodle版本2)粒子伞校果】

发表评论:

       

评论列表 [6条]

#6 | 悄然 于 2023-4-13 22:48 发布: 收到,正是我下午想到的调整透明度的方法。刚才又想了一下,既然图片可以加滤镜,这个小播也可以的吧,试了添了一个颜色加深的滤镜,看上去好像也行,黑黑给瞧瞧。。。

#5 | 马黑 于 2023-4-13 18:10 发布: css-doodle 的子元素中 background 使用的是 hsla(色相,饱和度,亮度,不透明度)方法,则将 alpha 通道的不透明度设置小一点,比如 .35 或更小,它就能够让背后的图像显示出来。css-doodle的层级 z-index 要提升。已经改过,刷新一下可查看效果。

#4 | 悄然 于 2023-4-13 17:56 发布: 影子来了,欢迎欢迎。目前我是点小播靠下的部分暂停的。也试着改了Z值,小播在最上方,随意点都可以暂停,可覆盖掉了下方图片没有融合效果了。我继续研究中。。。

#3 | 影子 于 2023-4-13 10:28 发布: 这个无法点击暂停,需要把按钮的z值赋大点的吧?

#2 | 悄然 于 2023-4-13 08:00 发布: 笑,被你这刀削面逗乐了~~~现在开始不忍直视,这么形象又这么不对。。

#1 | 马黑 于 2023-4-12 23:48 发布: 这是刀削面呀,地道的 ^_^

Copyright © 2014 All Right Reserved 马黑PHP文章管理整站系统v1.8
联系我们: gxblk@163.com