logo

关于-webkit-animation

2013/5/11 2:06:54 | Tag: -webkit-animation, CSS, 动画 | Hits: 417 | Comments: 0

-webkit-animation:仍旧是一个复合属性,

语法:-webkit-animation: name duration timing-function delay iteration_count direction;

包括以下几个属性:

(1)-webkit-animation-name 
这个属性的使用必须结合@-webkit-keyframes一起使用
eg:
@-webkit-keyframes fontchange{
0%{font-size:10px;}
30%{font-size:15px;}
100%{font-siez:12px;}
}
百分比的意思就是dura

-webkit-filter是神马?

2012/8/3 17:30:45 | Tag: Chrome, filter, Safari, WebKit | Hits: 940 | Comments: 0

这些滤镜效果最初是用于SVG的,W3C引入到CSS中,然后制定了CSS Filter Effects 1.0,现在webkit率先支持了它。
现在规范中支持的效果有:
grayscale 灰度
sepia 褐色
saturate 饱和度
hue-rotate 色相旋转
invert 反色
opacity 透明度
brightness 亮度
contrast 对比度
blur 模糊
drop-shadow 阴影

嗯,有些和CSS3重复了,不过,具体要怎么用还要看具体情况,至少我们可以用不同的方法实现同样的效果——比如透明度。

用法是

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号