无需改变文本内容,直接一行CSS,就可以让简体中文变成繁体中文效果,就是这么神奇!
“CSS相关”目录存档
一行CSS实现全站中文简繁转换
2021年01月27日,星期三纯CSS实现微信列表左滑显示按钮的交互效果
2020年12月13日,星期日几行CSS让整站支持深色模式的探索与拓展
2020年11月28日,星期六有两种CSS方法可以轻松实现深色模式效果,一种是借助filter滤镜,一种是借助mix-blend-mode混合模式,均是低成本高收益,详见本文介绍。
介绍一种全新的clipPath Sprites小图标技术
2020年10月30日,星期五本文介绍一种全新的SVG图标合集技术,有别于传统的<symbol>元素,这里使用的是<clipPath>元素,配合CSS clip-path属性使用,优势在于HTML标签任意,UI样式任意,本文内容一定会对您的学习有所帮助。
图片加载失败后CSS样式处理最佳实践
2020年10月24日,星期六图片加载失败的默认UI是比较丑陋的,因为前端开发会使用出错图进行替换,但是这种做法会隐藏图像的内容信息,有没有什么办法在CSS样式美化同时显示图像的信息呢?本文就介绍我摸索出来的应对此场景的最佳实践技巧,希望可以对您的工作与学习带来帮助。
如何让文字作为CSS背景图片显示?
2020年10月20日,星期二本文介绍一种非常实用的技术,借助SVG让普通的text文字可以直接作为CSS背景图,方便实现很多的布局与样式效果。本文还提供转换工具和多个实时渲染的精彩案例,保证可以让大家学到不少东西。
快速学习CSS Color Level 4的色值新语法
2020年10月11日,星期日本文介绍#RRGGBBAA色值表示法,对应的透明度的16进制色值,RGB颜色和HSL颜色语法以前的限制都取消了,支持小数,参数个数3个4个都可以,以及介绍RGB颜色和HSL颜色的新语法,希望本文内容对大家的学习有所帮助。
巧借CSS var变量实现任意的CSS自定义语法
2020年10月11日,星期日本文介绍一种自定义任意CSS语法、以及Polyfill CSS新特性的技术,这个技术的精华之处就是巧用CSS变量var让这些浏览器本不应该识别的语法也认为是合法的,从而让JS进行解析识别与转化成为了可能,本文通过3个案例演示该技术,希望可以对您的学习有所帮助。
Polyfill吊炸天的CSS attr()新语法
2020年10月10日,星期六CSS attr()新语法可以让HTML属性以任意的CSS属性值类型呈现,足矣对现有的web开发产生颠覆,但是可惜这么好用的东西目前没有任何浏览器支持,本文会介绍我自己找到的一种Polyfill方法,可以让所有支持CSS变量的浏览器都可以使用attr()新语法。