您的位置：首页 > Web前端 > CSS

css 过度

2016-07-29 13:37 267 查看


html

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>动画</title>

<link rel="stylesheet" type="text/css" href="test.css">

</head>

<body>

<div>

效果

</div>

</body>

</html>

css

div{

width: 100px;

height: 100px;

background-color: red;

-webkit-transition:width 6s,height 5s,-webkit-transform 1s;

transition: width 6s,height 5s,transform 1s;

}

div:hover{

width: 300px;

height: 300px;

transform: rotate(360deg);

-webkit-transform:rotate(360deg);

}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航