红影 发表于 2023-7-1 20:18

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

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

小辣椒 发表于 2023-7-1 20:34

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

马黑黑 发表于 2023-7-1 20:41

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

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

马黑黑 发表于 2023-7-1 20:42

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

绝大多数吧

马黑黑 发表于 2023-7-1 20:43

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

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

醉美水芙蓉 发表于 2023-7-1 20:47

马黑黑 发表于 2023-7-1 20:48

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

一般般

红影 发表于 2023-7-1 21:02

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

不但多,而且绵绵不绝。{:4_173:}

红影 发表于 2023-7-1 21:03

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

嗯,这个我已经搜了一下,然后知道了,是我自己弄错了。{:4_173:}

红影 发表于 2023-7-1 21:04

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

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

红影 发表于 2023-7-1 21:04

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

是的,你是让这个雨水跟泡泡对应的更齐。{:4_173:}

南无月 发表于 2023-7-1 21:17

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

没见过就想不到,见到了才觉得咦这样也可以{:4_170:}

南无月 发表于 2023-7-1 21:18

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

现在知道啦,to left bottom左下角,{:4_173:}知识点知识点

南无月 发表于 2023-7-1 21:18

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

比较了七一的贴和这个贴,JS部分控制的,看不懂啊看不懂。。{:4_170:}

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

欣赏!{:4_187:}

马黑黑 发表于 2023-7-1 21:35

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

{:4_190:}

马黑黑 发表于 2023-7-1 21:44

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

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

马黑黑 发表于 2023-7-1 21:45

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

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

马黑黑 发表于 2023-7-1 21:46

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

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

马黑黑 发表于 2023-7-1 21:48

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

这是根据情况来调整的
页: 1 [2] 3 4 5 6 7 8 9 10 11
查看完整版本: 鱼儿吐个泡泡