虽然CSS新特性非常多,但所有这些新特性,没有任何特性可以实现元素的背景图像半透明,但是元素中的文字内容依然不透明的效果,除了一个例外,那就是cross-fade()图像函数。
“CSS相关”目录存档
巧用CSS cross-fade()实现背景图像半透明效果
2020年07月6日,星期一CSS变量对JS交互组件开发带来的提升与变革
2020年07月1日,星期三CSS变量带来的提升绝不仅仅是节约点CSS成本,其可以颠覆目前JS组件交互开发的思路,把原来的JS负责的UI层的东西全部转移到了CSS层,组件代码更简洁,视觉表现实现更灵活,本文会举若干例子展示这种提升与变革。
使用CSS text-emphasis对文字进行强调装饰
2020年06月16日,星期二过去想要强调文字,做法是加粗,或者使用高亮颜色,现在可以使用text-emphasis
属性进行强调装饰,我们可以指定任意的装饰字符,很实用的一个CSS新属性。
CSS gap属性进化史
2020年06月7日,星期日带大家了解下gap
属性的前世今生,了解gap
属性在CSS世界3大布局中的过往和现状。
快速了解CSS display:flow-root声明
2020年05月12日,星期二display:flow-root可以让元素块状化,同时包含格式化上下文BFC,可以用来清除浮动,去除margin合并,实现两栏自适应布局等。
借助CSS mask遮罩显著优化PNG图片的尺寸
2020年05月8日,星期五带有透明区域,同时色彩丰富的PNG图片再怎么压缩体积也是很大的,有没有什么办法既保持PNG图片的透明,又显著降低图片的尺寸呢?本文就将介绍如何使用CSS遮罩降低超过50%大小的PNG体积,优化性能。
CSS conic-gradient()锥形渐变简介
2020年04月20日,星期一锥形渐变是CSS Images Module Level 4规范中新定义的一种渐变,可以非常方便实现过去很难实现的效果,例如饼图,色板,棋盘等各种效果,CSS开发必学必会技能。
了解CSS min()/max()/clamp()数学函数
2020年04月12日,星期日目前主流浏览器都已经支持了CSS min()/max()/clamp()数学函数,可以让你的布局和样式表现更加的智能。