午后・时光

花开忘忧(学习黑师《城南花已开》小花播效果)

位置: 首页 > 悄然作业[ 发布时间: 2023.4.11  作者: 花飞飞  阅读: 249 ]
:doodle {@size: 100px;gap: 1px;left: 190px;top: 150px;cursor: pointer;position: absolute;}@shape: clover 4;background: rgba(200,90,190,.75);animation: rot 4s infinite linear var(--state);@keyframes rot { to { transform: rotate(1turn); } }
HCPlayer

前一篇: 折叠空间(学习黑师旋涡效果)
下一篇: 追光者(学习黑师《城南花已开》小花变形播放之二)

发表评论:

       

评论列表 [5条]

#5 | 悄然 于 2023-4-12 21:14 发布: 子子孙孙谁设置相同的变量,谁就叛逆成功对吧。。哈哈

#4 | 马黑 于 2023-4-12 19:39 发布: 帖子父元素还可以管孙子、曾孙,只要它们不设置相同的变量。

#3 | 悄然 于 2023-4-12 15:07 发布: 仔细对照了一下。当小花播跟歌词是兄妹,都交给父元素PAPA管。 --state: paused;挪给父亲, mState 也指向父亲。这样一家子都搞定了。。

#2 | 悄然 于 2023-4-12 07:10 发布: 你只管做,错了算我的——星星的背后。

#1 | 马黑 于 2023-4-11 23:54 发布: css-doodle做播放器,则,它与之前的播放器是一个级别,故此,CSS变量 --state 要与 lrc 共享,可以有它们共同的父元素 papa 来掌管,换言之就是,--state 变量设置在 井papa 选择器内,井lrc 和 css-doodle标签都不设置此变量,只在需要使用变量是用 var(--state) 属性值。然后,在JS的自定义函数 mState 里面将 doo.style.setProperty(...) 的 doo 改为 papa,交由帖子的父元素 papa 去管理 --state 变量。

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