2017年03月 存档

CSS font-family常见中文字体对应的英文名称

2017年03月25日,星期六

虽然一些常见中文字体直接使用中文名称作为CSS font-family的属性值也能生效,但我们一般都不使用中文名称,而是使用英文名称,主要是规避乱码的风险。还有一些中文字体,直接使用中文名称作为CSS font-family的属性值是没有效果的,需要使用对应的英文字体名称才可以。也即是说,不管怎样,你要想使用中文字体,就必须要知道其对应的英文名称…

阅读全文…

canvas 2D炫酷动效的实现套路和需要的技术积累

2017年03月18日,星期六

目前在web领域,基本上看到那些酷酷的2d动效,都是canvas实现的,flash已经基本上都被淘汰了,canvas效果的实现,无需安装任何插件,IE9及其以上浏览器支持,至少在移动端,大家可以放心大胆使用,甚至webGL 3D效果都可以尝鲜。

无论是雪花飘,星星动还是粒子飞,其canvas实现都是一样的套路…

阅读全文…

【翻译】借助SVG实现背景透明JPG图片

2017年03月9日,星期四

人物往往色彩丰富,有时候会遇到需要背景透明的场景,结果PNG24图片尺寸太大,PNG8质量太差,JPG尺寸最小效果还好,但是背景又不透明,有没有什么办法就有JPG的小尺寸好效果,同时背景透明呢?本文的处理技巧可能会对你解决相关问题提供一些思路。

阅读全文…

使用CSS offset-path让元素沿着不规则路径运动

2017年03月5日,星期日

在web端,要让一个元素按照特定的路径运动,在之前,基本上只能借助于SVG SMIL animation来实现,但是,随着浏览器的发展,CSS代码也能实现这样的功能,本文就将介绍如何使用CSS中的offset-path属性让元素沿着不规则路径运动。有demo有截图还有gif演示,总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…