css 鼠标移入 图标移动位置效果

li:hover {

        transition: margin 0.3s ease;

        margin-top: -6px;


          /* border: 1px solid #53c0ff;

          box-shadow: inset 0px 0px 10px #2e93c6; */


      }


©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 3,216评论 0赞 11
  • CSS相关总结
    一、CSS入门 1、css选择器 选择器的作用是“用于确定（选定）要进行样式设定的标签（元素）”。 有若干种形式的...
    宠辱不惊丶岁月静好阅读 1,651评论 0赞 6
  • 50 个便于使用的 CSS2/CSS3 代码片段
    这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存...
    JamHsiao_aaa4阅读 1,323评论 0赞 3
  • 通过CSS实现炫酷的动画效果
    1.Animate.css简介 Animate.css是一个可在您的Web项目中使用的即用型跨浏览器动画库。非常适...
    LetCode阅读 2,428评论 0赞 0
  • CSS3
    1、属性选择器：id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 1,671评论 0赞 7