简单的鼠标经过图片时变大，IE低版本浏览器不兼容

最新推荐文章于 2017-09-29 15:31:12 发布

ios0213

最新推荐文章于 2017-09-29 15:31:12 发布

阅读量465

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/ios0213/article/details/51721956

版权

CSS 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。

要实现这一点，必须规定两项内容：

规定您希望把效果添加到哪个 CSS 属性上

规定效果的时长

多项改变

如需向多个样式添加过渡效果，请添加多个属性，由逗号隔开：

如：

div
{
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;
}

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
img{
width:160px;
height:260px;
transition:width 2s, height 2s;
-moz-transition:width 2s, height 2s;
-o-transition:width 2s, height 2s;
-webkit-transition:width 2s, height 2s;
}
img:hover{
width:300px;
height:430px;
}
</style>
</head>

<body>
<div>
<img src="20160617113648970cx.jpg" />
</div>
</body>
</html>

ios0213

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
简单的鼠标经过图片时变大，IE低版本浏览器不兼容

CSS3 过渡是元素从一种样式逐渐改变为另一种的效果。要实现这一点，必须规定两项内容：规定您希望把效果添加到哪个 CSS 属性上规定效果的时长多项改变如需向多个样式添加过渡效果，请添加多个属性，由逗号隔开：如：div{transition: width 2s, height 2s, transform 2s;-moz-tra
复制链接

扫一扫

专栏目录