北极光之夜

话不多，先看效果： 这是我在网上看到的一外国博主的创意，感觉不错，马上自己也敲了一个，果然不错~ 实现： 1.先定义一段文字，多点，起码能超过浏览器的可视区： 2.主要让section标签跟可视区一样

一.先看效果（完整代码在最后）： 实现并不难，但是初学 js 时拿来练手也是很不错的~ 二.实现过程： 1. 先定义标签。container就是底层盒子，a标签就是导航栏的各个标签，line就是滑动的

看效果，动起来~： 实现： 1. 定义标签，.card是底层盒子，.card2是呈现卡片效果的盒子，然后里面就是一些图片和文字，字体图标的标签了。： 2. 定义底层盒子.card的基本样式： posi

先看效果： 原理： 这个效果在网上挺常见的，所以我也写篇文章记录记录。 原理是比较简单的，大致上就是有一个背景色为蓝色的圆形；然后圆形上面有一个或两个有弧度的白色方形盒子在旋转，通过白色遮住蓝色形成像

效果（完整代码在底部）： 实现并不难，都是重复的代码比较多。 实现（可跟着一步一步写）： 1. 先定义基本标签： 2. 定义左右眼的基本css样式： border-bottom: 5px solid

效果✩： 直接在你的页面引用方法✩： 1.新建一个名为 canvasStar.js的文件： 2.右键打开该 js 文件，把下面代码复制进去： 3. 在你想要的显示效果的页面插入该js文件： 如在这引入