南无月 发表于 2023-6-19 18:14

马黑黑 发表于 2023-6-19 18:09
不是啥都能解决。物尽其用。

该用的时候用,啥时候该用啊。。。比如这个小播你让伪元素出场,是只能用伪元素实现吗

醉美水芙蓉 发表于 2023-6-19 18:32

马黑黑 发表于 2023-6-19 18:53

醉美水芙蓉 发表于 2023-6-19 18:32
欣赏老师佳作!

{:4_190:}

马黑黑 发表于 2023-6-19 18:53

南无月 发表于 2023-6-19 18:14
该用的时候用,啥时候该用啊。。。比如这个小播你让伪元素出场,是只能用伪元素实现吗

不是,用实体元素也行

马黑黑 发表于 2023-6-19 18:54

南无月 发表于 2023-6-19 18:13
控制音乐的那部分我知道,就是新加的陌生的紧

它就是镂空裁剪的函数

红影 发表于 2023-6-19 20:07

马黑黑 发表于 2023-6-19 18:11
关键帧动画,用了transform的两个方法,一是 scale,将元素变小或变大,二是 rotate,这个不用解释。

...

嗯嗯,我是说镂空的部位也跟着变化的,这个变化比较奇特,感觉边厚在变化。

红影 发表于 2023-6-19 20:08

马黑黑 发表于 2023-6-19 18:12
镂空伪元素仅一个

嗯嗯,我看错了,以为before也有动作{:4_173:}

红影 发表于 2023-6-19 20:09

马黑黑 发表于 2023-6-19 18:13
这个新改的自定义函数可以收藏起来备用

对的,这个特别好{:4_199:}

马黑黑 发表于 2023-6-19 20:55

红影 发表于 2023-6-19 20:09
对的,这个特别好

还行

马黑黑 发表于 2023-6-19 20:56

红影 发表于 2023-6-19 20:08
嗯嗯,我看错了,以为before也有动作

::before 和 ::after的层级关系,一前一后,重叠在一起的话,::before 会被覆盖。

马黑黑 发表于 2023-6-19 20:57

红影 发表于 2023-6-19 20:07
嗯嗯,我是说镂空的部位也跟着变化的,这个变化比较奇特,感觉边厚在变化。

原有的一切,都按比例放大缩小

红影 发表于 2023-6-19 21:27

马黑黑 发表于 2023-6-19 20:55
还行

可以适用各种边数和大小呢{:4_204:}

红影 发表于 2023-6-19 21:28

马黑黑 发表于 2023-6-19 20:56
::before 和 ::after的层级关系,一前一后,重叠在一起的话,::before 会被覆盖。

被覆盖了也没事,反正有镂空{:4_173:}

红影 发表于 2023-6-19 21:29

马黑黑 发表于 2023-6-19 20:57
原有的一切,都按比例放大缩小

嗯嗯,这个很有趣,很出乎意料{:4_187:}

马黑黑 发表于 2023-6-19 21:35

红影 发表于 2023-6-19 21:29
嗯嗯,这个很有趣,很出乎意料

你可以单独测试一下 transform: scale(值),可以是 0.x 到 x,比如 0.8 、 2

马黑黑 发表于 2023-6-19 21:36

红影 发表于 2023-6-19 21:28
被覆盖了也没事,反正有镂空

就是要这个效果

红影 发表于 2023-6-19 22:09

马黑黑 发表于 2023-6-19 21:35
你可以单独测试一下 transform: scale(值),可以是 0.x 到 x,比如 0.8 、 2

变成2的时候已经看不到镂空效果了{:4_173:}

红影 发表于 2023-6-19 22:11

马黑黑 发表于 2023-6-19 21:36
就是要这个效果

加上这些动态变化更奇妙了{:4_204:}

南无月 发表于 2023-6-19 22:42

马黑黑 发表于 2023-6-19 18:54
它就是镂空裁剪的函数

{:4_181:}就是安排怎么先剪什么再剪什么的

南无月 发表于 2023-6-19 22:44

马黑黑 发表于 2023-6-19 18:53
不是,用实体元素也行

{:4_181:}好的。。反正各种选择呗
页: 1 [2] 3 4 5
查看完整版本: 猫的舞步