-
div容器的keydown按键事件
情况说明：onKeydown事件触发条件：容器中某个元素获取焦点时，按键。因此无效的原因是当前容器内并没有元素获取焦点。方案一：容器中监听快捷键解决方案：利用全局监听window.onKeydowndocument.onkeydown方案二：窗口中多个容器，监听各自的快捷键与“方案一”不同的是，需要
-
记录--有关CSS盒模型之内边距、边框、外边距的十九问题
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助本篇文章主要探讨盒模型，以及内边距、边框、外边距的面试题与思考，也希望您能把您的思考和遇到的问题以评论的方式补充下，后期，我将会补充到文章中第一问：什么是盒模型？可以说，页面就是由一个个盒模型堆砌起来的，每个HTML元素都可以叫做盒模型，盒
-
有意思的水平横向溢出滚动
最近接到一个很有意思的需求，能否做到当内容横向溢出时，依然能够使用鼠标滚轮对内容进行滚动的方法。什么意思呢？来看看这么一种情况：我们有一个垂直方向溢出滚动的容器，以及一个水平方向溢出滚动的容器：如果使用的是非触控板（大部分用户没有触控板），而是使用鼠标来进行操作，会发现，这两个容器中，只有垂直方向溢
-
纯 CSS 实现十个还不错的 Loading 效果
在推特上面看到T.Afif[1]介绍的十个Loading效果。如上图。Yeah，很赞哦，挺实用的，遂记录下来。为保证运行正常，咱先规定下：复制*{box-sizing:border-box;}1.2.3.1.平滑加载复制<divclass="progress-1"></div>
-
Amazing！巧用 CSS 视差实现酷炫交互动效
来了来了，它终于来了，动画杀手锏@scroll-timeline[7]本文将介绍利用CSS实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。关于使用CSS实现滚动视差效果，在之前有一篇文章详细描述过具体方案-CSS实现视差效果[1]，感兴趣的同学可以先看看这篇文章。这里，会
-
《前端实战总结》之使用CSS3实现酷炫的3D旋转透视
3D动画效果现在越来越普及，已经被广泛的应用到了各个平台，比如阿里云，华为云，webpack官网等。它可以更接近于真实的展示我们的产品和介绍，带来极强的视觉冲击感。所以说，为了让自己更加优秀，css33D动画必不可少。你将学到CSS33D转换的常用API介绍CSS33D应用场景CSS33D实现一个立
-
9个很棒的CSS边框技巧，对你的样式设计有重要帮助
如果您是前端开发人员，那么几乎每天都会使用CSS边框。我发现了一些可以在您的项目中使用的有用的技巧。开始吧!1.动画CSS边框当我们想使我们的项目更可见时，该怎么办?来给它做个动画!我们可以对我们的边框进行动画化处理，甚至在不改变元素大小的情况下也可以进行动画化处理，非常简单。要做到这一点，我们只需
