理论上,CSS3 box-shadow盒阴影可以生成任意的图形,小月格格的靓照,含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意,美女靓照一个都不少。说不定,你会有别样的收获哦!【挑眉】
2013年11月 存档
CSS3 box-shadow盒阴影图形生成技术
2013年11月29日,星期五使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日,星期四前段时间,iOS7不是瓜未熟就落地了嘛,然后捡瓜的人很多,然后国内外开始了各种探讨,从界面到动画,从兼容到实现等。其中,“毛玻璃”一次梆梆出世,一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之,国内有之,国外也有之……
虽然本文标题也有“毛玻璃”二字,sorry,是“三字”。但是,并不是介绍如何实现毛玻璃效果的,而是介绍毛玻璃效果实现的基础——模糊。哈哈,恕我取巧,借用“毛玻璃”之词,沾沾喜气,散发芳气;蜂飞蝶舞,围观博主。
本文很单纯,就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有,希望本文的内容能够对您的学习有所帮助!
小tip: margin:auto实现绝对定位元素的水平垂直居中
2013年11月19日,星期二如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了,或借助margin
负值,或借助CSS3 transform
的translate
属性;这里介绍另外一个方法,margin:auto
方法……
外甥点灯笼——照旧(舅),有demo有截图有源代码展示。希望本文的内容能够对您的学习有所帮助。
小卖弄:纯CSS实现的outline切换transition动画效果
2013年11月13日,星期三我记得有个版本的迅雷软件,会发现focus文本框时候,其外发光的外挂会跟着动画移动。据说这一系列N动画交互引擎的维护成本还是挺高的。
今天,偶然看到一个名叫Nikita Vasilyev的兄弟在web页面上折腾了个类似效果。其是JS实现的,我习惯性就想,可不可以CSS实现呢,一番折腾,发现,竟然……