鼠标移到到div上,div放大

简介: 鼠标移到到div上,div放大

/* 鼠标移入div放大 */
.lczy_content_item {
    transition: all 0.3s;
}
.lczy_content_item:hover {
    background-color: #1975E6;
    color: #ffffff;
    cursor: pointer;
    transform: scaleY(1.1) translateZ(0);
}
<div class="lczy_content_item" onmouseover="mouseOver(this,event)" onmouseout="mouseOut(this,event)">
    <span class="row_1">1</span>
     <h2 class="row_2 pt10">用户注册</h2>
     <p class="row_3">注册用户可以进行网上申报,跟踪项目办理进度,上报项目建设信息和查询项目监管信息</p>
     <p class="row_4 pt10">→</p>
</div>
<script>
   function mouseOver(t, e) {
       $(t).children('span:first').css({
           'background-color': '#FFFFFF',
           color: '#1975E6',
       })
   }
   function mouseOut(t,e){
       $(t).children('span:first').css({
           'background-color': '#6F6F6F',
           color: '#FFFFFF',
       })
   }
</script>

transition 简写属性 作用:动画过渡


相关文章
|
前端开发 算法
怎么写一个可以鼠标控制旋转的div?
怎么写一个可以鼠标控制旋转的div?
85 0
|
前端开发
css按钮定位在div底部
css按钮定位在div底部
164 0
让里面的DIV上下左右居中在外面的DIV里
让里面的DIV上下左右居中在外面的DIV里
63 0
|
JavaScript
div 滚动条自动保持在底部
div 滚动条自动保持在底部
411 0
|
JavaScript 前端开发
|
Web App开发 前端开发 容器