html5放大缩小
2015-06-26 10:06
597 查看
<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> 阅读更多
相关文章推荐
- 用HTML5实现鼠标滚轮事件放大缩小图片的功能
- 使用HTML5 canvas做地图(3)图片加载平移放大缩小
- Html5学习--运动且旋转并放大缩小的动画效果
- html5实现视频(放大缩小播放暂停)
- html5实现视频(放大缩小播放暂停)
- 使用HTML5 canvas做地图(3)图片加载平移放大缩小
- HTML5:使用Canvas和Input range控件放大缩小图片
- HTML5实现端访问时禁止放大和缩小网页
- 双击防止网页放大缩小HTML5
- 简单的旋转,放大,缩小 (HTML5)
- 使用HTML5 canvas做地图(3)图片加载平移放大缩小
- C# 实现图片的放大缩小和平移
- unity触摸放大缩小旋转
- android自定义view实现可自由放大缩小和移动的imageView
- 怎么知道页面被放大缩小了
- Android实现网页的放大与缩小
- osg中放大缩小模型
- 多触点放大缩小的画廊(MutiTouchGallery)
- 图像的放大与缩小(1)——等距采样法
- jQuery实现滚动鼠标放大缩小图片的方法(附demo源码下载)