查看: 679|回复: 42

[活动] 【凡哥教程第十四讲作业】制作2行4列花朵(CSS阴影)

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

凡哥教程第十四讲作业:给一个 img 标签加载一张有透明度的图片,并在CSS中制作 filter: drop-shadow() 阴影,要求最终的阴影结果是,与原始图片同一个水平方向的有3个阴影、图片下方4个阴影,也就是和图片一块,共有2行4列 2*4=8 个图案。提示:实际设计的阴影代码仅三组,两组针对水平方向,一组针对纵向方向。


评分

8

查看全部评分

点评
回复

使用道具

发表于 2024-8-3 08:58 | 显示全部楼层
这个小播漂亮!
点评
回复

使用道具

 楼主| 发表于 2024-8-3 08:59 | 显示全部楼层
本帖最后由 花简静 于 2024-8-3 09:03 编辑

<style> .qsfg14 {     margin: 30px 0 300px calc(50% - 391px);     filter: drop-shadow(200px 0 0 Turquoise) drop-shadow(200px 0 0 Turquoise) drop-shadow(200px 0 0 Turquoise) drop-shadow(0px 200px 0 Turquoise); } </style> <p><img class="qsfg14" alt="" src="https://638183.freep.cn/638183/t23/btn/f5.png" /></p>

评分

3

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-3 09:01 | 显示全部楼层
@凡哥 报告老师,14讲作业完成啦~~老师来看看对不对~

评分

1

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-3 09:04 | 显示全部楼层
再来一个原图位置不太一样的

评分

3

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-3 09:05 | 显示全部楼层

早啊水妞
点评
回复

使用道具

发表于 2024-8-3 12:17 | 显示全部楼层
没跟学表示看不懂,来支持一下静宝
点评
回复

使用道具

发表于 2024-8-3 12:48 | 显示全部楼层
花简静 发表于 2024-8-3 09:01
@凡哥 报告老师,14讲作业完成啦~~老师来看看对不对~

100√
点评
回复

使用道具

 楼主| 发表于 2024-8-3 14:48 | 显示全部楼层
云笛 发表于 2024-8-3 12:17
没跟学表示看不懂,来支持一下静宝。

哈哈,笛妞来啦,这个简单的不用怎么算
点评
回复

使用道具

 楼主| 发表于 2024-8-3 14:51 | 显示全部楼层

一百分看着就开心,呲个大白牙
最近这个论坛有点卡,不知道怎么回事
点评
回复

使用道具

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

本版积分规则

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

GMT+8, 2025-6-10 01:57

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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