CSS3中Transition属性详解以及示例分享
1、transition-property的语法 2、transition-property的属性值 一、transition-property――指定要运动的样式 1、transition-property的语法 2、transition-property的属性值 二、transition-duration 伪元素。其默认值是0,也就是变换时是即时的。 三、transition-delay―― 延迟时间 ,其使用和transition-duration极其相似,也可以作用于所有元素,包括:before和:after伪元素。 默认大小是"0",也就是变换立即执行, 没有延迟。 四、transition-timing-function――指定运动形式 速) | cubic-bezier(该值允许你去自定义一个时间曲线)(number,number,number>) 五、transition的综合写法 六、transition的综合兼容写法 1、Mozilla内核 2、Webkit内核 3、Opera内核 4、W3C 标准
实例效果: 复制代码 代码如下: a{transition:all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;-moz-transition:all .6s ease-in-out;-o-transition:all .6s ease-in-out;-ms-transition:all .6s ease-in-out;} (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |