查看: 307|回复: 17

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

[复制链接]
发表于 2024-8-8 10:39 | 显示全部楼层 |阅读模式
本帖最后由 花简静 于 2024-8-8 10:41 编辑

凡哥教程第十九讲作业:
使用一大一小的图片做盒子的背景图,大图片铺满整个元素,小图片repeat与否自行决定,
再辅以一个带透明度的颜色加入背景图层中以改善最终的颜色合成效果,要求作品看上去自然得体。
【提示】.svg、.gif 和 .webp 等格式的图片可以是动态图片,这意味着,元素的背景图片是可以动的,大家可以一试。

评分

6

查看全部评分

点评
回复

使用道具

 楼主| 发表于 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> <div class="qsfg19"></div></div>
点评
回复

使用道具

 楼主| 发表于 2024-8-8 10:42 | 显示全部楼层
@凡哥 老师来瞧一眼今天的作业,有木有问题。。
点评
回复

使用道具

发表于 2024-8-8 13:25 | 显示全部楼层
100√
点评
回复

使用道具

 楼主| 发表于 2024-8-8 18:35 | 显示全部楼层

太好了,没有挂科
点评
回复

使用道具

发表于 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 | 显示全部楼层
我来欣赏静静的精彩作业了
点评
回复

使用道具

您需要登录后才可以回帖 登录 | 中文注册

本版积分规则

手机版|千山论坛 ( 冀ICP备2024055714号 )

GMT+8, 2025-6-9 21:24

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

快速回复 返回顶部 返回列表