介绍7个全新的CSS颜色函数，虽然不算特别深入，但也算是CSS颜色这块比较有含金量的介绍文章了，里面全部都是以前不知道的知识，不得不感叹，颜色这东西，若要深究，怕是比贝加尔湖还要深。
文章关键字 ‘rgba’
是时候介绍这几个全新的CSS颜色函数了
2023年02月19日，星期日快速学习CSS Color Level 4的色值新语法
2020年10月11日，星期日
本文介绍#RRGGBBAA色值表示法，对应的透明度的16进制色值，RGB颜色和HSL颜色语法以前的限制都取消了，支持小数，参数个数3个4个都可以，以及介绍RGB颜色和HSL颜色的新语法，希望本文内容对大家的学习有所帮助。
Canvas中颜色过渡动画效果的实现
2018年07月22日，星期日
在CSS3中，我们要想实现从A颜色到B颜色的过渡效果，是相当容易的，只要指定起止颜色，配合transition过渡或者animation动画都可以时间我们想要的效果。
但是，在<canvas>中却没有这么简单，因为<canvas>本质上是一个静态画布，要想实现颜色变化，需要JS去不断绘制，实现起来要比CSS实现麻烦很多。再加上颜色值本身就不一定是纯粹的数值，更增加了我们实现的难度。
本文就将通过多个案例，逐步深入，介绍一些在Canvas中的颜色处理技巧，有些技巧说不定会让你大开眼界。
瞎折腾：把JS,CSS任意文本文件加密成一张图片
2017年12月24日，星期日周末在家就是应该放松的，我的放松手段很简单，就是学习前端知识，写写文章，抽个时间去钓鱼，完美。
本文内容就是一个临时起意的折腾，一个对JS，CSS等文本文件加密为图片的想法。介绍了web信息转图片以及本地文件如何转图片，以及如何解密等。
希望本文的内容对您的学习有所帮助。
Chrome opacity非1时border-radius圆角边框剪裁问题
2017年10月19日，星期四border-radius:50%可以让元素正方形元素表现为正圆，如果元素设置了border边框，则会表现为一个正圆圈圈，但有时候，border边框的这个圈圈会在边缘处发生剪裁，不是一个完美的圈圈了，这是如何发生的呢？
巧用浏览器CSS属性值的不兼容向下兼容hack技巧
2016年10月25日，星期二CSS3中有很多好的特性，例如box-shadow盒阴影，但是，唯一的问题是IE8浏览器不支持，如果是对外的PC站点，则IE8浏览器不可不顾，尤其一些受众广泛的网站。
怎么办呢？我的做法往往是这样，IE9+浏览器使用box-shadow阴影，而IE7，IE8浏览器使用border线框。
我们一般采用一些CSS hack技巧，例如使用:root伪类，从功能上满足了我们的开发需求，但提高了我们的CSS权重，很容易增加我们CSS代码的复杂度，那有没有更好的实现呢？
小tip:巧用CSS3属性作为CSS hack
2011年08月15日，星期一本文是个短篇，一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果，同时，又能兼顾一些现代浏览器。提供demo页面，必要截图以及源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
CSS页面重构“鑫三无准则”之“无图片”准则
2011年05月25日，星期三
“鑫三无准则”这个概念貌似最早是在去年的去年一篇名叫“关于Google圆角高光高宽自适应按钮及其拓展”的文章中提过。这是自己在页面重构的经验中总结出来的一套约束自己CSS的准则，即“无宽度”、“无图片”和“无浮动”，目的是使CSS布局模块化以及增强可扩展性。
此准则是针对我个人的，可能没有什么适用性，也可能会对您的学习有所启发，所以这里还是简单分享下。其中“无宽度”准则则在去年秋天专门讲了下，这里再简单介绍下其中的“无图片”准则。
本文虽然文字不多，但是多涉及到的技术点不少。有demo，有截图，有源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
小tip:CSS3下条纹&方格斜纹背景的实现
2011年04月23日，星期六不好意思，与上篇类似，也是CSS3下的一些技术或者说是效果实现的展示。本文的内容是使用CSS代码创建各种条纹效果。一如既往，有demo，有必要的截图，有源代码展示，同时本文还要相对比较详细的讲解。总之，希望本文的内容能够对您的学习有所帮助。
几种纯CSS(CSS3)下的纸张效果实现展示
2011年02月16日，星期三
本文主要展示如果使用纯CSS实现纸张效果，这里的CSS其实主要指CSS3. 展示的纸张效果也不是一种，就文中具体内容来看，有三个，一个是中规中矩的，二是渐变有曲线投影效果的，还有一个就是有分隔线圆弧卷边效果的。每个效果都配有截图展示，有对应的demo页面，还有必要源代码展示，同时，穿针引线地介绍了写最新的CSS3的发展与浏览器支持情况。总之，希望能对您的学习有所帮助。
我的应用
我的应用