css3鼠标悬浮放大效果

简介: css3鼠标悬浮放大效果
<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>css3鼠标悬浮放大效果</title>
    <style>
      .imgBox {
        width: 365px;
        height: 223px;
        overflow: hidden;
      }
      .imgBox img {
        width: 100%;
        height: 100%;
        transition: all .4s;
        -moz-transition: all .4s;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
      }
      .imgBox img:hover {
        transform: scale(1.2);
      }
    </style>
  </head>
  <body>
    <div class="imgBox">
      <img src="https://profile.csdnimg.cn/5/6/2/3_qq_38881495" alt="" />
    </div>
  </body>
</html>
相关文章
|
9月前
|
前端开发
css鼠标放上图片变大
css鼠标放上图片变大
css鼠标放上图片变大
|
1月前
|
前端开发
|
1月前
|
前端开发 JavaScript
CSS+JS鼠标事件触发鼠标模形实现手状
CSS+JS鼠标事件触发鼠标模形实现手状
|
1月前
css3鼠标悬停图片特效源码
css3鼠标悬停图片特效,图片悬停效果源码,可以在网页上面作为自己的动态加载名片,放到侧边栏或者网站合适的位置即可
17 0
css3鼠标悬停图片特效源码
|
1月前
|
前端开发
css实现鼠标多样化
css实现鼠标多样化
29 0
|
6月前
|
XML 前端开发 小程序
css实例(一)鼠标hover下拉菜单
红框标注位置,有一个小尖尖角,这个使用样式是这样实现的。 css 复制代码
75 0
|
7月前
|
前端开发
CSS实现鼠标放上去显示提示工具
CSS实现鼠标放上去显示提示工具
32 0
|
7月前
|
前端开发
css3制作鼠标悬浮图文动画效果
css3制作鼠标悬浮图文动画效果
38 0
|
7月前
|
前端开发
CSS实现鼠标悬停图片向上浮动,放大,翻转
CSS实现鼠标悬停图片向上浮动,放大,翻转
141 0
|
7月前
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
CSS3实现鼠标悬停动态效果(仿阿里云官方网站)
28 0