鼠标移到到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 简写属性 作用:动画过渡


相关文章
|
2月前
el-table 取消鼠标移入时变色
el-table 取消鼠标移入时变色
30 0
|
2月前
|
JavaScript
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动
【经典】原生JS实现“用鼠标拖拽(drag)内容DIV”,滚动条对应同步滚动
|
8月前
|
前端开发 算法
怎么写一个可以鼠标控制旋转的div?
怎么写一个可以鼠标控制旋转的div?
62 0
让里面的DIV上下左右居中在外面的DIV里
让里面的DIV上下左右居中在外面的DIV里
51 0
|
前端开发
内容滚动条和子 div 高度自适应
一个div里面,两个子div高度自适应(平分父div的高度)和元素内容过多的时候,根据需求出现高度滚动条或者宽度滚动条。 先放最终效果(在下面会有demo代码。): Paste_Image.png 实现这些效果要怎么做呢?咱一步一步来。 第一步: 先设置html结构:这里我已经搭好了。 第二步然后开始写css样式了 设置父元素box的样式 设置box1的样式 现在尝试把html解除注释 下面就到了关键的部分了(文章末尾有demo,不想看的话,可以自己试试。): 在上面我们已经设置了最大高度和最小高度,因为box1空间不够所以溢出来了。
768 0
内容滚动条和子 div 高度自适应
|
JavaScript
div 滚动条自动保持在底部
div 滚动条自动保持在底部
355 0
|
JavaScript 前端开发