查看: 430|回复: 28

[活动] 【凡哥教程第十八讲作业之二】双色伪元素(在帖子中使用常规CSS颜色)

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

凡哥教程第十八讲作业二: 
任选一种颜色表达法,做一个有 ::before 和 ::after 伪元素的元素, 
伪元素尺寸小于元素尺寸并 ::after 比 ::before 小一些, 要求宿主元素、伪元素都有一定的透明度。


评分

6

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-7 10:38 | 显示全部楼层
本帖最后由 花简静 于 2024-8-7 20:42 编辑

<style> .qsfg1802 {     width: 600px;     height: 300px;     border: 1px solid gray;     background: rgb(255,150,0,0.5);     position: relative; } .qsfg1802::before, .qsfg1802::after { content: '';     position: absolute;     background: rgb(255,0,0,0.3);     width: 90%;     height: 90%; } .qsfg1802::after { content: '';     background: hsla(240, 100%, 50%, .65);     width: 60%;     height: 60%; } </style> <div class="qsfg1802"></div>

评分

2

查看全部评分

点评
回复

使用道具

 楼主| 发表于 2024-8-7 10:42 | 显示全部楼层
@凡哥 老师来瞧一眼这个作业,透明度加上之后,会比较柔和

评分

1

查看全部评分

点评
回复

使用道具

发表于 2024-8-7 12:29 | 显示全部楼层
不懂不评价,但看着好看,问好简静,祝学习愉快~~
点评
回复

使用道具

发表于 2024-8-7 12:30 | 显示全部楼层
简静的代码到达了最高境界,祝简静七夕快乐~
点评
回复

使用道具

发表于 2024-8-7 14:24 | 显示全部楼层
静静的作业完美漂亮,欣赏学习
点评
回复

使用道具

发表于 2024-8-7 14:24 | 显示全部楼层
问好静静,谢谢你的精彩分享,祝节日快乐
点评
回复

使用道具

 楼主| 发表于 2024-8-7 20:02 | 显示全部楼层
碧海 发表于 2024-8-7 12:29
不懂不评价,但看着好看,问好简静,祝学习愉快~~

问好碧海,感谢支持哈。
点评
回复

使用道具

 楼主| 发表于 2024-8-7 20:03 | 显示全部楼层
柒玥 发表于 2024-8-7 14:24
静静的作业完美漂亮,欣赏学习

柒玥过来给我抱个,你的图又快又好,羡慕。。。
点评
回复

使用道具

 楼主| 发表于 2024-8-7 20:03 | 显示全部楼层
柒玥 发表于 2024-8-7 14:24
问好静静,谢谢你的精彩分享,祝节日快乐

节日快乐哈。。
点评
回复

使用道具

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

本版积分规则

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

GMT+8, 2025-6-10 04:22

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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