很多时候，我们希望有一种方法可以避免某种CSS问题或行为的发生。我们知道，网页内容是动态的，网页上的东西可以改变，从而增加了出现CSS问题或奇怪行为的可能性。 防御式 CSS是一个片段的集合，可以帮助

前段时间，我碰到了一个让人非常困惑的问题——我在自己本地开发环境和其它同事的环境上运行的代码，跟在打包之后线上的代码效果不一致，在知道其中原理之后，撸了个傻瓜式控制 npm 版本的小工具

自定义手势事件, （双指缩放，滑动，双击。。。） 图片预览即点击图片在页面中插入一个黑色全屏背景框并将图片居中显示。封装时，为了只对指定图片添加功能，可通过监听指定类名或添加某种属性的img标签监听；另外需在对背景框绑定点击事件，退出预览模式。一下是一个简单示例代码：

本文将介绍如何仅仅使用 HTML/CSS 就可以创建出各种基础进度条及花式进度条及实现其酷炫动画的方式。

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

在此分享如何纯 Css 打造圆环进度条。阅读此文需具备基本数学知识：圆心角、弧度制、三角函数。 此物乃 2 + 1 夹心饼干，蓝绿色部分为果酱。显而易见饼干为两个削成了圆形的 div，我们重点演示果酱是怎么制作的： 如图所示，大扇形由 6 个小扇形构成，每一小扇形占整个圆饼的 …