CSS：花苞落水起涟漪

马黑黑

红影 发表于 2022-4-2 19:39
总觉得在比较大的图里，这个涟漪可能看不出来呢。

那要把涟漪的初始值变大一点

红影

马黑黑 发表于 2022-4-2 20:04
那要把涟漪的初始值变大一点

嗯，我闲学了个动图行走，看到你那个蜘蛛，忽然想起来我有个走路的动图呢，就去做了个。
这个涟漪等明天再做了。

马黑黑

红影 发表于 2022-4-2 23:09
嗯，我闲学了个动图行走，看到你那个蜘蛛，忽然想起来我有个走路的动图呢，就去做了个。
这个涟漪等明天 ...

不急一步一步来

红影

马黑黑 发表于 2022-4-2 23:41
不急一步一步来

这个还是没想好怎么做，先做了个平铺和文字竖排折行

马黑黑

红影 发表于 2022-4-3 19:06
这个还是没想好怎么做，先做了个平铺和文字竖排折行

按计划进行

红影

马黑黑 发表于 2022-4-3 20:16
按计划进行

今天瞎忙了，要等空的时候再玩了。

马黑黑

红影 发表于 2022-4-4 23:12
今天瞎忙了，要等空的时候再玩了。

不急慢慢来

红影

马黑黑 发表于 2022-4-5 00:02
不急慢慢来

昨天是忙着志愿者，今天是被一个居委电话吓了一跳，做帖子还真要慢慢来了

马黑黑

红影 发表于 2022-4-5 21:07
昨天是忙着志愿者，今天是被一个居委电话吓了一跳，做帖子还真要慢慢来了

不急的

红影

马黑黑 发表于 2022-4-5 23:01
不急的

嗯嗯，还没找到想要的图图

马黑黑

红影 发表于 2022-4-5 23:38
嗯嗯，还没找到想要的图图

这个需要机遇

红影

马黑黑 发表于 2022-4-6 09:30
这个需要机遇

找了个图图，想多放几个水滴，该怎么弄呢？
记得你讲过nth-child()的一串儿子，但具体应用还是有些迷糊

马黑黑

红影 发表于 2022-4-6 20:43
找了个图图，想多放几个水滴，该怎么弄呢？
记得你讲过nth-child()的一串儿子，但具体应用还是有些迷糊{ ...

纯HTML+CSS就是这样搭建的，用nth-child(x)定义样式，然后HTML里写相应数量的盒子

红影

马黑黑 发表于 2022-4-6 21:17
纯HTML+CSS就是这样搭建的，用nth-child(x)定义样式，然后HTML里写相应数量的盒子

嗯嗯，我试试。html里可以连续div地写下去的吧。

马黑黑

红影 发表于 2022-4-7 12:23
嗯嗯，我试试。html里可以连续div地写下去的吧。

例如下面的HTML：

<div class="outer">
    <div></div>
    <div></div>
    <div></div>
</div>

中间层的三个并列 div 盒子，对应于 CSS 中的：

.outer div:nth-child(1) {...}
.outer div:nth-child(2) {...}
.outer div:nth-child(3) {...}

红影

马黑黑 发表于 2022-4-7 12:25
例如下面的HTML：

饿呢你，这样只要设计好一个个子元素，就可以了。
我找了个图图，总感觉一滴水太单薄，做多滴还不熟练，想让水滴和涟漪大小不同，还真需要好好设计子元素呢。

马黑黑

红影 发表于 2022-4-7 19:26
饿呢你，这样只要设计好一个个子元素，就可以了。
我找了个图图，总感觉一滴水太单薄，做多滴还不熟练， ...

nth-child(x) 人工写繁琐，但可以细细定义，包括它位于何处什么的

红影

马黑黑 发表于 2022-4-7 20:31
nth-child(x) 人工写繁琐，但可以细细定义，包括它位于何处什么的

嗯嗯，这几天虽然封控在家，但是被疫情信息弄得也心里慌慌的，没法静心玩。

马黑黑

红影 发表于 2022-4-7 22:52
嗯嗯，这几天虽然封控在家，但是被疫情信息弄得也心里慌慌的，没法静心玩。

理解。控制好心态。

红影

马黑黑 发表于 2022-4-7 23:18
理解。控制好心态。

我还得做志愿者去帮别的人，嗯，控制心态加相信自己有强大的免疫力