css3transition实现图片放大缩小_html/css

来源：动视网责编：小采时间：2020-11-27 16:09:01

css3transition实现图片放大缩小_html/css

css3transition实现图片放大缩小_html/css_WEB-ITnose: .img-content{width: 500px;height: 300px;margin: 0 auto;position: relative} .img-content img{ position: absolute; cursor: pointer; transition: transform 2s; -moz-transition: -moz-transform 2s; -webkit-transition: -webkit-transform 2s; -o

推荐度：

点击下载本文 文档为doc格式

导读css3transition实现图片放大缩小_html/css_WEB-ITnose: .img-content{width: 500px;height: 300px;margin: 0 auto;position: relative} .img-content img{ position: absolute; cursor: pointer; transition: transform 2s; -moz-transition: -moz-transform 2s; -webkit-transition: -webkit-transform 2s; -o

图片大小 128 * 128

transition 定义过度效果，1、可同时设置几个css样式，2、可定义transform（2d 3d 转换）的过度效果

transition: width 2s, height 2s, transform 2s;-moz-transition: width 2s, height 2s, -moz-transform 2s;-webkit-transition: width 2s, height 2s, -webkit-transform 2s;-o-transition: width 2s, height 2s,-o-transform 2s;

css3transition实现图片放大缩小_html/css

推荐度：

点击下载本文 文档为doc格式

标签：图片图片缩小实现

热门焦点

css3transition实现图片放大缩小_html/css

css3transition实现图片放大缩小_html/css

css3transition实现图片放大缩小_html/css

最新推荐

猜你喜欢

热门推荐