css实现浏览历史小块

Honwhy 发布于2019-08-30 15:55 / 1296人阅读

动图


      
      浏览历史

.browse-history {
    position: absolute;
    top: -40px;
    right: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 2px;
    overflow: hidden;
    cursor: pointer;
    &:hover {
      .history-icon {
        display: none;
      }
    }
    .history-icon {
      display: inline-block;
      margin: 8px;
      width: 24px;
      height: 24px;
      background: url("~@/assets/icon/browse-history.svg");
      background-size: cover;
    }
    .history-txt {
      display: inline-block;
      padding: 8px;
      font-size: 12px;
      color: @azure-6;
    }
  }

主要利用overflow和hover

私有云云服务器解读css发展历史 php历史浏览历史浏览记录在哪 JS轻松实现CSS设置

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/117419.html

JavaScript基于时间的动画算法

摘要：基于时间的动画算法其实思路和实现都很简单。而基于时间的动画算法要注意边缘时间的损失，最好采取积累时间，然后分固定片更新动画的方式。作者：戴嘉华转载请注明出处，保留原文链接和作者信息目录前言基于帧的动画算法（Frame-based）基于时间的动画算法（Time-based）改良基于时间的动画算法总结前言前段时间无聊或有聊地做了几个移动端的HTML5游戏。...

TNFE 2019-08-21 10:22 评论0 收藏0
CSS 实现 1px 以内的移动

摘要：之前的文章说过关于行内元素垂直方向对齐的方案。在上一篇文章里我们提到了内的移动问题。屏的移动设备如何实现真正的线移动点像素的秘密看完大彻大悟，佩服佩服，思路很多，回到本文重点想一下能实现移动的方法。 showImg(https://segmentfault.com/img/remote/1460000007194919?w=2556&h=688); 之前的文章说过关于行内元素垂直方向对...

appetizerio 2019-08-29 11:28 评论0 收藏0
我遇到的前端面试题2017

摘要：箭头函数与传统函数的区别，主要集中在以下方面没有和绑定，这些值由最近一层非箭头函数决定。不能通过关键字调用，所以不能用作构造函数，否则程序会抛出错误。声明的全局变量不是全局对象的属性。 showImg(https://segmentfault.com/img/remote/1460000013229911?w=2402&h=1398); 本文首发于我的博客：http://blog.du...

muddyway 2019-08-01 17:35 评论0 收藏0
我遇到的前端面试题2017

摘要：箭头函数与传统函数的区别，主要集中在以下方面没有和绑定，这些值由最近一层非箭头函数决定。不能通过关键字调用，所以不能用作构造函数，否则程序会抛出错误。声明的全局变量不是全局对象的属性。 showImg(https://segmentfault.com/img/remote/1460000013229911?w=2402&h=1398); 本文首发于我的博客：http://blog.du...

Lucky_Boy 2019-08-21 16:22 评论0 收藏0
我遇到的前端面试题2017

摘要：箭头函数与传统函数的区别，主要集中在以下方面没有和绑定，这些值由最近一层非箭头函数决定。不能通过关键字调用，所以不能用作构造函数，否则程序会抛出错误。声明的全局变量不是全局对象的属性。 showImg(https://segmentfault.com/img/remote/1460000013229911?w=2402&h=1398); 本文首发于我的博客：http://blog.du...

forrest23 2019-08-29 13:23 评论0 收藏0