<style>
div{
margin: 0 auto;
width:100px;
height:100px;
background:url(img/QQ20150606151652.jpg);
background-size: 75% 100%;
background-repeat:no-repeat ;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
}
div:hover{
width:500px;
height:500px;
/*-webkit-transform:rotate(180deg);*/ /* Safari and Chrome */}
.herd{
width: 50px;
height: 50px;
border: 1px;
}
</style>
<body>
<canvas class="herd"></canvas>
<div></div>
<!--<h1>Hello, world!</h1>-->
<script>
</script>
</body>
div{
margin: 0 auto;
width:100px;
height:100px;
background:url(img/QQ20150606151652.jpg);
background-size: 75% 100%;
background-repeat:no-repeat ;
-webkit-transition:width 2s, height 2s, -webkit-transform 2s; /* Safari and Chrome */
}
div:hover{
width:500px;
height:500px;
/*-webkit-transform:rotate(180deg);*/ /* Safari and Chrome */}
.herd{
width: 50px;
height: 50px;
border: 1px;
}
</style>
<body>
<canvas class="herd"></canvas>
<div></div>
<!--<h1>Hello, world!</h1>-->
<script>
</script>
</body>