点击切换帐号登陆
帐号密码登陆

CSS布局-过渡属性transition

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>过渡属性transition</title>
	<style type="text/css">	
	 /*transition 是一个简写属性,用于在一个属性中设置四个过渡属性:
	 transition  
	 过渡的CSS属性名称 (所有属性都获得过渡效果 )
	 过渡时间  (注:始终设置过渡时间,否则时长为 0,不会产生过渡效果)
	 过渡效果的时间曲线(linear相同速度\ease开始慢 变快 结束慢 ) 
	 过渡效果何时开始 (过渡效果开始之前需要等的时间以秒或毫秒计)*/
	 p{width: 200px;height: 200px;background: #ff6500;
       transition: width,margin-top,background 5s /*linear*/ /*2s*/;
	 }
	p:hover{width: 500px; margin-top: 80px;background: pink;}
	</style>
</head>
<body>
   <p>过渡属性transition</p>
</body>
</html>


任务

?不会了怎么办
无数据提示暂无评论哟...我要评论
网站导航
网站首页
学习路径
视频教程
开发软件
旗下子站
php中文网
phpstudy
技术文章
文档工具
关于我们
企业合作
人才招聘
联系我们
讲师招募
QQ交流群
QQ交流群
微信公众号
微信公众号