【凡哥教程第八讲作业之一】【花简静】木兰柴（众多子元素的联动控制）

花简静

雨声 发表于 2024-7-28 19:37
静宝这作业感觉好复杂啊

抱个抱个。。

花简静

雨声 发表于 2024-7-28 19:41
欣赏静宝带来的精美作品，祝宝周末快乐！

周末快乐哈

雨声

花简静 发表于 2024-7-28 20:14
周末快乐哈

艾玛，我都想哭了，今天的作业可咋整啊

醉美水芙蓉

不想动脑子，就欣赏欣赏吧！花花做得真漂亮！

云笛

花简静 发表于 2024-7-28 19:35
第八讲是多个子元素联动。。教程中结构清楚，层次分明，老师写的说明又很细致，在控制方面看得更加清晰。

...

这个作品增添了多个动态的元素。使画面更丰富更具有灵动性。
帖子容器id和小播的选择器 我能理解 并修改参数  
但飞鸟的没明白，为什么羽化人物裙边要将渐变遮罩加在这里。
渐变遮罩针对的是人物，我看人物对标的是第1位gif动画，代码中好像没提到。
但最后还是实现了人物裙边的羽化
。。。。。。。。。。。。。。。。
哈哈不知道静宝理解到我的问题没有？我好像把我自己都给问懵了

花简静

雨声 发表于 2024-7-28 20:37
艾玛，我都想哭了，今天的作业可咋整啊

哈哈，我考虑不周。
我又整了一个贴子，可以跟做啦。

花简静

醉美水芙蓉 发表于 2024-7-28 21:21
不想动脑子，就欣赏欣赏吧！花花做得真漂亮！

水妞来啦，对你来说代码一点问题也木有啊

花简静

云笛 发表于 2024-7-28 22:19
这个作品增添了多个动态的元素。使画面更丰富更具有灵动性。
帖子容器id和小播的选择器 我能理解 并修改 ...

.bird {
    position: absolute;
    right: 280px;
    top: 300px;
    -webkit-mask: linear-gradient(0deg,transparent,red 20%  );/* 这是第一个人物图片，裙边加了个羽化效果，如果不需要可以删掉 */
}
.bird:nth-of-type(2)

第一个没写1，实际上它对应的就是1..

云笛

花简静 发表于 2024-7-28 19:45
抱个抱个，这个多图联动，的确不好整。。
全部一样的图片，就很死板
就换了一些图片。。

这么多实属不易，敢于尝试才能掌握更多的知识内容。辛苦了。

花简静

云笛 发表于 2024-7-28 22:24
这么多实属不易，敢于尝试才能掌握更多的知识内容。辛苦了。

做贴就是酱紫，整出来还是挺开心的