【凡哥教程第十九讲作业】海底（颜色融合模式 *-blend-mode 和多背景图像的处理）

花简静 · 发表于 2024-8-8 10:39

本帖最后由花简静于 2024-8-8 10:41 编辑

凡哥教程第十九讲作业：

使用一大一小的图片做盒子的背景图，大图片铺满整个元素，小图片repeat与否自行决定，

再辅以一个带透明度的颜色加入背景图层中以改善最终的颜色合成效果，要求作品看上去自然得体。

【提示】.svg、.gif 和 .webp 等格式的图片可以是动态图片，这意味着，元素的背景图片是可以动的，大家可以一试。

花简静 · 发表于 2024-8-8 10:40

<style>

.qsfg19 {

margin: 30px 0 30px calc(50% - 320px);

width: 640px;

height: 681px;

background:

url('https://pic.imgdb.cn/item/6676d129d9c307b7e9f2b619.gif') repeat 0px 60px ,

url('https://pic.imgdb.cn/item/66b426ecd9c307b7e96d1a39.webp') no-repeat 0/cover,

rgba(135,206,250,.3);

background-blend-mode: screen, darken;

}

</style>

花简静 · 发表于 2024-8-8 10:42

@凡哥老师来瞧一眼今天的作业，有木有问题。。

凡哥 · 发表于 2024-8-8 13:25

100√

花简静 · 发表于 2024-8-8 18:35

凡哥发表于 2024-8-8 13:25
100√

太好了，没有挂科

青石板 · 发表于 2024-8-8 19:37

这动态的水母也太漂亮了，喜欢。问好静亲

令狐冲 · 发表于 2024-8-8 21:29

这个水母很真实。。。

凡哥 · 发表于 2024-8-9 07:30

花简静发表于 2024-8-8 18:35
太好了，没有挂科

通行方法是提供三次补考机会

花简静 · 发表于 2024-8-9 09:57

凡哥发表于 2024-8-9 07:30
通行方法是提供三次补考机会

应该跟补钙似的，长期不间断补到位为止

清梦 · 发表于 2024-8-9 10:02

我来欣赏静静的精彩作业了

[活动] 【凡哥教程第十九讲作业】海底（颜色融合模式 *-blend-mode 和多背景图像的处理）