<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:85px;
height:85px;
background:url(http://112.124.62.138/wp-content/themes/original/images/logo.png) center top no-repeat;
transition-property:width height;
transition-duration:.5s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition-property:width height;
-moz-transition-duration:.5s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition-property:width height;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition-property:width;
-o-transition-property:height;
-o-transition-duration:.5s;
-o-transition-timing-function:linear;
}
div:hover
{
width:85px;
height:85px;
transform: rotate(360deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
<html>
<head>
<style>
div
{
width:85px;
height:85px;
background:url(http://112.124.62.138/wp-content/themes/original/images/logo.png) center top no-repeat;
transition-property:width height;
transition-duration:.5s;
transition-timing-function:linear;
/* Firefox 4 */
-moz-transition-property:width height;
-moz-transition-duration:.5s;
-moz-transition-timing-function:linear;
/* Safari and Chrome */
-webkit-transition-property:width height;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
/* Opera */
-o-transition-property:width;
-o-transition-property:height;
-o-transition-duration:.5s;
-o-transition-timing-function:linear;
}
div:hover
{
width:85px;
height:85px;
transform: rotate(360deg);
}
</style>
</head>
<body>
<div></div>
</body>
</html>
扫一扫
197
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
