马黑黑 发表于 2023-6-19 18:09
不是啥都能解决。物尽其用。
该用的时候用,啥时候该用啊。。。比如这个小播你让伪元素出场,是只能用伪元素实现吗
醉美水芙蓉 发表于 2023-6-19 18:32
欣赏老师佳作!
{:4_190:}
南无月 发表于 2023-6-19 18:14
该用的时候用,啥时候该用啊。。。比如这个小播你让伪元素出场,是只能用伪元素实现吗
不是,用实体元素也行
南无月 发表于 2023-6-19 18:13
控制音乐的那部分我知道,就是新加的陌生的紧
它就是镂空裁剪的函数
马黑黑 发表于 2023-6-19 18:11
关键帧动画,用了transform的两个方法,一是 scale,将元素变小或变大,二是 rotate,这个不用解释。
...
嗯嗯,我是说镂空的部位也跟着变化的,这个变化比较奇特,感觉边厚在变化。
马黑黑 发表于 2023-6-19 18:12
镂空伪元素仅一个
嗯嗯,我看错了,以为before也有动作{:4_173:}
马黑黑 发表于 2023-6-19 18:13
这个新改的自定义函数可以收藏起来备用
对的,这个特别好{:4_199:}
红影 发表于 2023-6-19 20:09
对的,这个特别好
还行
红影 发表于 2023-6-19 20:08
嗯嗯,我看错了,以为before也有动作
::before 和 ::after的层级关系,一前一后,重叠在一起的话,::before 会被覆盖。
红影 发表于 2023-6-19 20:07
嗯嗯,我是说镂空的部位也跟着变化的,这个变化比较奇特,感觉边厚在变化。
原有的一切,都按比例放大缩小
马黑黑 发表于 2023-6-19 20:55
还行
可以适用各种边数和大小呢{:4_204:}
马黑黑 发表于 2023-6-19 20:56
::before 和 ::after的层级关系,一前一后,重叠在一起的话,::before 会被覆盖。
被覆盖了也没事,反正有镂空{:4_173:}
马黑黑 发表于 2023-6-19 20:57
原有的一切,都按比例放大缩小
嗯嗯,这个很有趣,很出乎意料{:4_187:}
红影 发表于 2023-6-19 21:29
嗯嗯,这个很有趣,很出乎意料
你可以单独测试一下 transform: scale(值),可以是 0.x 到 x,比如 0.8 、 2
红影 发表于 2023-6-19 21:28
被覆盖了也没事,反正有镂空
就是要这个效果
马黑黑 发表于 2023-6-19 21:35
你可以单独测试一下 transform: scale(值),可以是 0.x 到 x,比如 0.8 、 2
变成2的时候已经看不到镂空效果了{:4_173:}
马黑黑 发表于 2023-6-19 21:36
就是要这个效果
加上这些动态变化更奇妙了{:4_204:}
马黑黑 发表于 2023-6-19 18:54
它就是镂空裁剪的函数
{:4_181:}就是安排怎么先剪什么再剪什么的
马黑黑 发表于 2023-6-19 18:53
不是,用实体元素也行
{:4_181:}好的。。反正各种选择呗