花了周日一整天时间做了个专业电影级别照片调色工具，使用的是3D LUT滤镜。欢迎围观。
文章关键字 ‘滤镜’
用3D LUT滤镜我做了个在线专业电影级别照片调色工具
2017年12月11日，星期一使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日，星期四前段时间，iOS7不是瓜未熟就落地了嘛，然后捡瓜的人很多，然后国内外开始了各种探讨，从界面到动画，从兼容到实现等。其中，“毛玻璃”一次梆梆出世，一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之，国内有之，国外也有之……
虽然本文标题也有“毛玻璃”二字，sorry，是“三字”。但是，并不是介绍如何实现毛玻璃效果的，而是介绍毛玻璃效果实现的基础——模糊。哈哈，恕我取巧，借用“毛玻璃”之词，沾沾喜气，散发芳气；蜂飞蝶舞，围观博主。
本文很单纯，就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有，希望本文的内容能够对您的学习有所帮助！
CSS3背景图片透明叠加属性cross-fade简介
2012年09月29日，星期六据说iOS6系统(iPhone5)增加了两个CSS3属性，一个是CSS3 filters – CSS3滤镜，在“CSS将图片转换成黑白”一文中就介绍过CSS3 grayscale滤镜；另外一个是CSS3 Cross-fade – CSS3交叉淡入淡出。
毕竟有IE滤镜这厮，所以前者看上去可能不那么显生；那后者Cross-fade是？
小tip: 使用CSS将图片转换成黑白(灰色、置灰)
2012年08月19日，星期日可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。
本文就将介绍如何是有CSS3的一些新方法实现图片的黑白效果。另外，最后还介绍下一款可以实现各个浏览器下图片黑白的小JS插件。有截图，有demo，有代码示意，希望本文的内容能够对您的学习有所帮助。
HTML5 Canvas,WebGL,CSS Shaders,GLSL的暧昧关系
2011年10月10日，星期一技术的发展日新月异，说不定回家钓几天鱼，就出来个新东西了。新事物新技术发展的初期，你无法预见其未来之趋势，生命诚可贵，没有必要花过多时间深入研究这些新东西，不过，知道了大概，了解个全貌还是很有必要的。虽不是时代缔造者，也不至于落后于时代发展大潮。
互联网的发展相当的神速，其他不说，就前端技术这块，出现的些新名词或生名词就让人眼花缭乱，应接不暇，比如说：HTML5 Canvas, WebGL, CSS Shaders, GLSL等。你是否有这样的疑问……
IE下实现类似CSS3 text-shadow文字阴影的几种方法
2011年05月4日，星期三IE9浏览器，甚至很可能IE10都不支持text-shadow文字阴影属性，但是人民群众的智慧是无穷无尽的，我们可以使用一些特殊的手段，或是方法实现类似于文字阴影的效果，而本文就将简单展示几种我所知的方法。
一如既往，丰富飞demo页面，相应的源代码展示，截图示例。总之，希望本文的内容能够对您的学习有所帮助。
CSS clip:rect矩形剪裁功能及一些应用介绍
2011年04月2日，星期六
CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。
本文一如既往，提供必要的demo页面以及源代码展示，提供属性的一些具有代表性的实例。总之，希望本文的内容能够对您的学习有所帮助。
IE矩阵滤镜Matrix旋转与缩放及结合transform的拓展
2011年03月12日，星期六IE浏览器下Matrix滤镜可以实现旋转效果早在去年1月份在“图片旋转效果的一些研究、jQuery插件及实例” 一文中就有过还算详细的介绍。这里之所以要重新嚼以前嚼过的烂叶子是因为我之前以为IE Matrix矩阵滤镜只能实现元素的旋转与拉伸，但是就在前几天发现Matrix滤镜还有元素比例缩放的功能，类似于zoom属性的功能。于是花时间折腾了一下，决定立文备忘下。
由于现代浏览器中CSS3的transform属性可以轻松实现元素的旋转以及比例改变，所以如果……
CSS3+js实现多彩炫酷旋转圆环时钟效果
2010年08月9日，星期一
本文介绍主要由CSS3 transform的rotate配合一些巧妙的方法实现的炫酷的时钟旋转效果。虽说没有多大实用价值，不过对于熟悉CSS3的旋转属性，以及了解IE滤镜旋转的一些知识是很有用的。本文提供源文件下载，代码展示，以及必要的demo。希望能对您的学习有所帮助。
我的应用
我的应用