分类:前端开发

CSS3 animation的steps方式过渡
前端开发

CSS3 animation的steps方式过渡

animation默认以ease方式过渡,它会在每个关键帧之间插入补间动画,所以动画效果是连贯性的。除了ease,linear、cubic-bezier之类的过渡函数都会为其插入补间。但有些效果不需要补间,只需要关键帧之间的跳跃,这时应该使用steps过渡方式。 比如GIF动图不支持程序对播放的控制,也不支持Alpha通道。但如果我们用一……

分享 CSS3 Filter 的十种特效
前端开发

分享 CSS3 Filter 的十种特效

CSS3中的filter属性可以说是简单易用且强大,可以实现一些特效,并且目前各大浏览器对于css3的兼容已经非常好了,最新版本都可以支持css3,下面分享给大家CSS3 Filter的十种特效: Filters主要是运用在图片上,以实现一些特效。(尽管他们也能运用于video上),不过我们在些只来讨论图片上的运用。 语法 elm { f……

CSS3 的 :nth-child 定义和用法介绍
前端开发

CSS3 的 :nth-child 定义和用法介绍

CSS3里面的 「:nth-child」是非常能提高效率的技巧,简单说不用单独给标签加上ID或Class,可以通过CSS控制页面元素的第n个元素,或倒数第n个元素,或从第m个到第n个范围子元素的样式,甚至包括奇数位和偶数位过滤。 下面介绍下 nth-child 的用法,注意低版的 IE浏览器(IE6/7) 不支持 nth-child 哦!……