当前位置:   article > 正文

css鼠标移入盒子添加border时发生抖动_css动态边框会抖动

css动态边框会抖动

需求:当鼠标移入一个盒子时,需要给盒子添加一个1px的border的边框

解决方法:把鼠标未移入时的class,增加一个样式 border: 1px solid transparent

  1. <div class="box"></div>
  2. .box{
  3. height: 350px;
  4. width: 350px;
  5. background: green;
  6. border: 1px solid transparent;
  7. }
  8. .box:hover{
  9. border: 1px solid red;
  10. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/代码探险家/article/detail/771348
推荐阅读
相关标签
  

闽ICP备14008679号