CSS的美

前面给大家带来过一个创意菜单滑动的效果，紧接着我就学了另一个关于滑动的特效——文字滑动特效，先给大家看下静态效果是什么样子。 然后接下来给大家看看在码上掘金里面的动态效果。 效果预览

在很早之前就做过很多和悬停相关的特效，这次给大家带来一个新的悬停效果——菜单悬停滑动。简单点理解就是在悬停的基础上让它滑动起来。我们来看看下面码上掘金的效果。 效果预览 HTML部分 首先我们

CSS效果看多了，这次带大家来体验一个CSS属性——反射属性，这个属性相对比较冷门，但是还是可以去了解一下的。毕竟它能出现，就有它存在的道理。 效果预览 反射属性介绍 这里给大家介绍一下反射属

前面带着大家实了一个冒泡加载，这回给大家又带来一个名字和泡泡有关的效果——泡泡特效。顾名思义，就是可以产生很多泡泡的效果。话不多说，咱们直接看效果 码上掘金 接下来咱们进入正题。

周末了，也没有闲下来，这次给大家带来一个简单的冒泡加载特效。冒泡排序大家都听过，冒泡加载可能是第一次见吧。先给大伙看个静态图。 效果预览 然后在码上掘金中看看它的动态效果。

关于文字特效我之前有过接触，也实现过相关的特效。这一次给大家带来另一个炫酷的文字特效，实现过程会和之前的不一样，最终呈现效果也会不一样。 效果预览 接下来就开始该特效的实现过程了。

最近又来研究悬停特效了，因此这次带来一个box-shadow版的悬停效果，这个效果简单易学。对于悬停效果，我在之前已经写过好几篇相关的文章，感兴趣的小伙伴可以翻阅我之前的文章看一看。接下来咱们话

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

这次给大家带来的是一个类似蚊香一样的效果，这个效果还是非常具有视觉欣赏性的，相比前几篇文章的CSS特效，这一次的会比较震撼一点。 效果预览 从效果上看感觉像是一层层蚊香摞在一起

看到这个标题，相信有人会感到疑惑，什么是方向感应卡片组？这是一个控制效果，这里简单举个例子，方向感应，就是可以跟随方向的变化跟随之变化，当我们鼠标放在其中一张卡片上的时候，其余的卡片就会朝着这张

相信大伙都知道悬停效果吧，鼠标悬停的应用场景非常多，它是一个比较常见的功能。因此基于鼠标悬停来扩展的效果也是非常多的，今天就带大家来实现一个在文字上进行悬停分割的效果。

这段时间比较闲，最近慢慢地又研究上了 CSS 特效，今天给大家带来一个超容易实现的特效 —— 字符跳动。之所以说它简单，是因为它的代码简短，通俗易懂，希望大家都能学会。 效果预览 字符跳动效果

这次给大家带来一款简单又炫酷的爱心加载特效，用通俗易懂的代码实现炫酷的特效，相信这是很多人都想做的事。接下来就跟随我的步伐来完成这个炫酷的特效吧。

这回整点不一样的，使用原生js代码来实现粘性导航栏。粘性导航栏大伙肯定都有所了解，其实通过定位属性中的粘性定位sticky也是可以实现的。但是今天我们就是不走寻常路，使用原生js来实现它。

在上一次的文章中我们实现了一个“七珠合一”效果，这回给大伙带来的是一个更加炫酷好看的特效，一个旋转钻石背景送给大家。乍眼一看，是不是有点像模型图。 效果预览 具体效果可以参考下面的码上掘金

不知道大伙有没有见过下面这种效果。 没错，这回给大伙带来的是一个锯齿形边框，类似于传统邮票的边框，有一圈锯齿形状，具体效果可参考下面的码上掘金。其实看到这种效果，相信很多人第一反应是采用伪元素的

这回给大伙带来一个效果上看我们暂且称它为“七珠合一”的效果，大伙可以看看下面码上掘金的效果预览。话不多说，咱们直接开写。

慢慢地我又写上了关于CSS的文章，这次给大伙带来的是一个模拟手机信号的效果，就是手机最右上角的那几格信号。 具体效果可参考下面码上掘金。

这次又很久没有更新文章了。这次趁着周末下午的闲暇时刻来更新一下文章，这回给大伙带来的是一个波浪动画，具体效果可以参考下面的码上掘金效果预览。

前这次带来的是一个非常丝滑的鼠标移动特效，移动鼠标的时候可以有放大镜效果，具体效果可以查看下面的码上掘金。 效果预览 jcode 当鼠标移动到某一处位置时，便会出现一个类似于放大镜的效果