看这篇文章：《视差特效的原理和实现方法》的时候，看到有一个很棒的动效。但只是PC端的效果，所以我就想在移动端实现一个类似的。但移动端没鼠标，我该怎么办 !!!

一个老同事，前几天跟我说他挨了领导的骂，说他滥用will-change这个属性，知其然不知其所以然。 我有点茫然，但是当他给我介绍他的用法的时候，我想说的是，“骂你的队伍能加我一个不咯？”

又简简单单地过了一周，这回给大伙带来一个新的前端特效，我把它命为-我裂开了。这个特效呈现的效果就是给背景图片加上一种裂开效果，大家可以接着往下看。 效果预览 这个效果其实就是一个撕裂特效

本文，我们将一起学习，使用纯 CSS，实现如下所示的动画效果： 上面的动画效果，非常有意思，核心有两点： 小球随机做 X、Y 方向的直线运动，并且能够实现碰撞到边界的时候，实现反弹效果 小球在碰撞边界

这是我参与更文挑战的第8天 一.什么是sass： Sass 扩展了 CSS3，增加了规则、变量、混入、选择器、继承等等特性。Sass 生成良好格式化的 CSS 代码，易于组织和维护。 SASS是对CS

BFC（Block Formatting Contexts），块级格式化上下文，是 CSS 中一个比较晦涩难懂的概念，下面我们尝试以通俗易懂的语言彻底地理解它。CSS 盒模型描述了通过文档树中的元素以

在实际 Web 开发过程中，总会遇到各种各样的布局。有公司同事问我这样一种布局有没有什么好的实现方式，就是一种在活动充值页非常普遍的优惠券效果，如下 首先，碰到这类布局的最佳实现肯定是mask遮罩。关于遮罩，可以看一下CSS3 Mask 安利报告。这里简单介绍一下 这里的遮罩图…

flex 布局中，flex 设置单、双、三值的时候分别有什么意义。 我发现第三个子项并不是期待的 75px ，这个疑问稍后再讲。 也就是说，双值 第一个 flex-grow ，第二个无单位的话，是 flex-shrink 。 三值的话，分别是 flex-grow | flex-…

网上有很多关于抽奖转盘的代码和实例，有使用JavaScript控制动画的，有使用Canvas实现的，它们思路各不相同，本文将介绍一种采用CSS3的方式来实现转盘动画效果，非常简单，只需几行代码即可实现。 到此为止，一个简单的转盘抽奖程序就完成了，根据上面的思路，不仅可以旋转指针…