目前所有现代浏览器都已经支持color-mix()这个颜色函数了,这个函数可以实现关键字颜色值的半透明表示,是其他CSS、JS语法都无法取代的实用特性,本文还有色调插值方法的介绍。
文章关键字 ‘color’
CSS好用的color-mix颜色函数也可以使用啦
2024年11月29日,星期五CSS又出了个revert-layer全局关键字?
2023年03月24日,星期五一不留神,又发现了一个CSS全局关键字revert-layer,一番研究后,终于知道干嘛用的了,这个值以后@layer大火的时候会很有用。
是时候介绍这几个全新的CSS颜色函数了
2023年02月19日,星期日介绍7个全新的CSS颜色函数,虽然不算特别深入,但也算是CSS颜色这块比较有含金量的介绍文章了,里面全部都是以前不知道的知识,不得不感叹,颜色这东西,若要深究,怕是比贝加尔湖还要深。
快速学习CSS Color Level 4的色值新语法
2020年10月11日,星期日本文介绍#RRGGBBAA色值表示法,对应的透明度的16进制色值,RGB颜色和HSL颜色语法以前的限制都取消了,支持小数,参数个数3个4个都可以,以及介绍RGB颜色和HSL颜色的新语法,希望本文内容对大家的学习有所帮助。
常见纯CSS图标的代码分离与整理(持续更新)
2019年08月13日,星期二这个周末做了个纯CSS图标的代码分离与整理页面,直接复制CSS代码,就可以使用小图标了,没有外链和图像处理,非常简单高效。
快速了解CSS新出的列选择符双管道(||)
2019年02月11日,星期一列选择符是规范中刚出现不久的新选择符,写作双管道||
,是两个字符,和JavaScript语言中的逻辑或写法一致,这个选择符可以让选择所有属于某一列的对应单元格,哪怕这个单元格元素横跨多列。
CSS :visited伪类选择器隐秘往事回忆录
2018年10月12日,星期五CSS :visited伪类选择器你以为很简单,麻鸭,估计是所有伪类选择器里面最不简单,最怪异的了。很多奇怪的特性你想都想不到,进来看看,一定会有别样的收获的。
基于CSS color属性的静态UI组件重构策略
2016年11月18日,星期五技术的发展往往会带来相应的思维方式上的转变,这样才能相辅相成,发挥新技术的潜力,如果还是使用以前的思维模式,怎么说呢,有着劳斯莱斯加着92#汽油在跑的感觉。
传统的实现,包括现在移动端几乎所有的实现套路都是下面这样的,无论是标签还是按钮,都是先设定一个基础类名,写下基本样式,然后不同的颜色重新命名一个状态类名,覆盖默认的边框色或者背景色或者文字颜色,是什么颜色就写什么颜色。
但,实际上,如果采用基于color重构UI组件的策略,则可能会有意想不到的裨益……
PNG格式小图标的CSS任意颜色赋色技术
2016年06月8日,星期三CSS可以修改图片的颜色,没错,可以,本文就带你一睹真相,再次领略CSS的潜力和造诣。
CSS镂空图片transition过渡初加载背景色块问题解决
2016年02月25日,星期四CSS镂空图片,由于颜色是CSS属性值控制,如color或者background-color, 因此可以实现transition过渡效果,同时节约资源。然而有个很严重的问题,就是加载时候,容易出现色块,而本文就将展示如何解决色块的问题,让好的技术更加适用!
有demo有截图有必要的源代码展示,希望本文的内容可以对您的学习有所帮助!