前文介绍了SVG Sprites身材和内涵,顺大便客观的评价了SVG Sprites比font-face高几层楼的事实(看看外国同行的对比)。但是呢,人总是这样,总是容不得说自己现在使用东西的不好。于是乎,不经意间戳动了点小小的自尊。导致文章也没细读就大肆反驳:SVG图标颜色要内联设置,不像font-face那样好控制!而且还不只一位兄弟这么说。
其实呢,我并不忍心说实话的:SVG图标颜色控制要比font-face有过之而无不及……
“Graphic相关”目录存档
SVG图标颜色文字般继承与填充
2014年07月22日,星期二未来必热:SVG Sprites技术介绍
2014年07月10日,星期四小tip: SVG和Canvas分别实现图片圆角效果
2014年06月30日,星期一实现图片圆角的方法很多,图片覆盖,CSS3圆角,SVG, Canvas都可以实现,前两个大家可能都比较熟悉,这里,着重介绍后面2种技术实现。希望在某一时刻对有需要的同行能有帮助。必须的,有demo, 有截图,有源代码展示。
SVG+JS path等值变化实现CSS3兴叹的图形动画
2014年06月24日,星期二展示SVG动画的优势与潜力,介绍SVG动画实现的基本理论,Snap.svg.js进一步的实例应用展示。多多demo,多多帅气的效果,多多通俗易懂的解释。希望本文的内容能够对您的学习有所帮助。
深度掌握SVG路径path的贝塞尔曲线指令
2014年06月12日,星期四如题,本文就是讲解SVG路径path的贝塞尔曲线指令的,不过,除了技术之外,还吐槽了很多自己的思考,自己的想法,对行业对前端的一些看法与认知,希望可以引起一些共鸣或争议。当然,主要内容还是讲得很详尽的,截图,demo,源代码展示一个都少不了。希望本文的内容能够对您的学习有所帮助!
纯CSS实现帅气的SVG路径描边动画效果
2014年04月8日,星期二本文属于简单实用的基础技术科普。有丰富的gif动画演示,有demo,有截图以及必要的源代码展示,还有官方文档释义。总之,希望本文的内容能够对您的学习有所帮助。
Snap.svg.js实现的钓鱼知识分享及周边
2014年02月26日,星期三这篇文章,有散文的味道,看似技术,实际上是自我反省与心理涤荡。看似介绍钓鱼的分享,实际上是SVG技术的一些简单介绍。真真假假是是非非,文学这东西,没必要过于较真。
闲暇之余看看,或许会有心灵的共鸣,或者技术的收获。
Snap.svg-SVG实战学习必修课-实例与文档讲解
2014年01月19日,星期日CSS3 box-shadow盒阴影图形生成技术
2013年11月29日,星期五理论上,CSS3 box-shadow盒阴影可以生成任意的图形,小月格格的靓照,含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意,美女靓照一个都不少。说不定,你会有别样的收获哦!【挑眉】
使用CSS将图片转换成模糊(毛玻璃)效果
2013年11月21日,星期四前段时间,iOS7不是瓜未熟就落地了嘛,然后捡瓜的人很多,然后国内外开始了各种探讨,从界面到动画,从兼容到实现等。其中,“毛玻璃”一次梆梆出世,一些爱折腾的弄潮人就可以琢磨怎么用CSS实现之,国内有之,国外也有之……
虽然本文标题也有“毛玻璃”二字,sorry,是“三字”。但是,并不是介绍如何实现毛玻璃效果的,而是介绍毛玻璃效果实现的基础——模糊。哈哈,恕我取巧,借用“毛玻璃”之词,沾沾喜气,散发芳气;蜂飞蝶舞,围观博主。
本文很单纯,就是图片模糊效果的实现。demo、源代码、截图、拓展以及御用模特应有尽有,希望本文的内容能够对您的学习有所帮助!