鱼儿吐个泡泡

红影

马黑黑 发表于 2023-7-1 20:11
emoji若已经有颜色（多数会有颜色），则文本颜色对它没有任何作用。你可以考虑filter滤镜，它可以令最终 ...

哦哦，它自己是有颜色的。

小辣椒

黑黑，这个没有背景吗?我发帖后就下了，现在是手机，你是视频背景吗

马黑黑

小辣椒 发表于 2023-7-1 20:34
黑黑，这个没有背景吗?我发帖后就下了，现在是手机，你是视频背景吗

有个渐变背景。这里，只是展示一下粒子泡泡

马黑黑

红影 发表于 2023-7-1 20:18
哦哦，它自己是有颜色的。

绝大多数吧

马黑黑

红影 发表于 2023-7-1 20:16
哦，这个去搜了一下知道了，这个transform: translate(-40%)是指元素自身的宽高的百分比，我弄错了，看到 ...

如果是元素居中的话，left 为 50%，则 translateX 应是 -50%，这里是做了微调。

马黑黑

醉美水芙蓉 发表于 2023-7-1 20:47
渐变背景漂亮！

一般般

红影

马黑黑 发表于 2023-7-1 20:05
一生二二生三三生很多个泡泡

不但多，而且绵绵不绝。

红影

马黑黑 发表于 2023-7-1 20:09
emoji文本毕竟不是标准文本，是个不好处理的东东，有时候它使得装载它的元素难以处理一些事情。这是微调 ...

嗯，这个我已经搜了一下，然后知道了，是我自己弄错了。

红影

马黑黑 发表于 2023-7-1 20:42
绝大多数吧

知道了，跟我们以前用常规符号是不一样的。

红影

马黑黑 发表于 2023-7-1 20:43
如果是元素居中的话，left 为 50%，则 translateX 应是 -50%，这里是做了微调。

是的，你是让这个雨水跟泡泡对应的更齐。

南无月

马黑黑 发表于 2023-7-1 20:03
所有的属性几乎都可以，只要用的上

没见过就想不到，见到了才觉得咦这样也可以

南无月

马黑黑 发表于 2023-7-1 20:06
有多重表达方式，角度也行

现在知道啦，to left bottom左下角，知识点知识点

南无月

马黑黑 发表于 2023-7-1 20:04
粒子可以有很多变化，看怎么设计

比较了七一的贴和这个贴，JS部分控制的，看不懂啊看不懂。。

焱鑫磊

欣赏！

马黑黑

焱鑫磊 发表于 2023-7-1 21:35
欣赏！

马黑黑

南无月 发表于 2023-7-1 21:18
比较了七一的贴和这个贴，JS部分控制的，看不懂啊看不懂。。

JS控制的，其实也是CSS属性，left 和 top 值不断变化来着

马黑黑

南无月 发表于 2023-7-1 21:18
现在知道啦，to left bottom左下角，知识点知识点

这是语义化的表达方式。角度的话，试试 45deg 什么的

马黑黑

南无月 发表于 2023-7-1 21:17
没见过就想不到，见到了才觉得咦这样也可以

@keyframes 是定义关键帧动画，它是独立设计的；animation 是调用关键帧动画的属性，它是基于某个元素的，哪个元素有它，那个元素就运行关键帧动画。

马黑黑

红影 发表于 2023-7-1 21:04
是的，你是让这个雨水跟泡泡对应的更齐。

这是根据情况来调整的