首页
沸点
课程
数据标注
HOT
AI Coding
更多
直播
活动
APP
插件
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
确定删除此收藏集吗
删除后此收藏集将被移除
取消
确定删除
确定删除此文章吗
删除后此文章将被从当前收藏集中移除
取消
确定删除
编辑收藏集
名称:
描述:
0
/100
公开
当其他人关注此收藏集后不可再更改为隐私
隐私
仅自己可见此收藏集
取消
确定
CSS
订阅
浅屿
更多收藏集
微信扫码分享
微信
新浪微博
QQ
6篇文章 · 0订阅
CSS 命名太乱?BEM 规范帮你一键搞定,代码清爽到飞起!
还在为 CSS 类名冲突、维护难头疼?BEM(块 - 元素 - 修饰符)规范来救场!3 大核心规则,让代码结构清晰、复用性拉满,团队协作效率直接 up!
4. CSS揭秘——视觉效果
1. 单侧投影 1.1 单侧投影 box-shadow 的第四个长度参数——扩张半径。它排在第三个参数模糊半径之后,这个扩张半径会根据你指定的值去扩大(当指定负值时)缩小投影的尺寸。举例来说,一个 -
使用CSS实现“文段尾行渐变消失”
导语 文章来源于最近解决的一个需求,让一段文案的尾行渐变消失,解决的时候了解到了很多新的知识点,所以记录下来。 问题描述 最近在做H5的页面的时候,遇到了这样的一个需求: 在一个展示信息的页面,为了提
box-shadow 设置单边、多边阴影
box-shadow 属性用于在元素的框架上添加阴影效果。 你可以在同一个元素上设置多个阴影效果,并用 逗号 将他们分隔开。 该属性可设置的值包括阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色。 如果只给出两个值, 那么这两个值将会被当作 <offset-x> <off…
你所不知道的 CSS 阴影技巧与细节
关于 CSS 阴影,之前已经有写过一篇,box-shadow 与 filter:drop-shadow 详解及奇技淫巧,介绍了一些关于 box-shadow 的用法。 最近一个新的项目,CSS-Inspiration,挖掘了其他很多有关 CSS 阴影的点子,是之前的文章没有覆盖…
巧用CSS filter,让你的网站更加酷炫!
CSS filter在日常开发中是很常见的,这里我们将使用它实现一些动画效果,让网站交互更加酷炫,同时也加深对CSS filter的理解。