用css3的transition实现过渡动画

CSS3,用transition实现过渡动画

用到了transition就先说说这个属性吧!


一、transition属性简介

transition是网页上的过渡动画,变化的逐渐过渡效果,简称过渡动画!在CSS3出现之前,网页上的动画大多是用flash实现的,flash动画会产生很大的弊端!操作不便等等

1. 语法

	transition: property duration timing-function delay;

2. 定义和用法

transition 属性是一个简写属性,用于设置四个过渡属性:
transition-property
--规定设置过渡效果的 CSS 属性的名称。
transition-duration
--规定完成过渡效果需要多少秒或毫秒。
transition-timing-function
--规定速度效果的速度曲线。
transition-delay
--定义过渡效果何时开始。


transition-property

transition-property 属性规定应用过渡效果的 CSS 属性的名称。(当指定的 CSS 属性改变时,过渡效果将开始)。
提示:过渡效果通常在用户将鼠标指针浮动到元素上时发生。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值