页面特效与元素动画专栏说明

前言

本专栏页面特效与元素动画由于涵盖的文章内容丰富，所涉及的知识点广泛且繁杂，为了能更清晰、有条理地呈现内容，现决定将该专栏进行拆分。拆分后形成了CSS元素动画、JS页面特效等多个二级专栏。

专栏目录

CSS元素动画

和CSS元素动画相关的文章，收录在了CSS元素动画专栏中，以下是该专栏详细的文件目录：

文章标题	文章摘要
CSS 实现空心文字 / 文字镂空效果	使用 - webkit-text-stroke 和 text-shadow 等属性实现文字镂空效果，并给文字设置阴影、填充等。
CSS+JS 实现文字渐变 / 文字跑马灯效果	文字使用颜色填充时，给文字颜色增加部分 JS 功能让颜色动起来，实现跑马灯效果。
CSS 实现文字裂开效果	使用 clip-path 属性，对文字进行切分，分成不同的部分并反向移动，实现文字裂开的效果。
CSS 实现文字模糊效果	使用 text-shadow 和 filter 属性实现文字不同程度的模糊效果。
CSS 实现 3D 文字	使用 text-shadow、transform、box-shadow 等多种方式，实现文字 3D 效果。
CSS 实现文字浮雕效果	使用文字阴影、文字裁剪、渐变背景等不同方式，实现文字裁剪。
趣味：CSS 实现五彩斑斓的黑	使用混合模式，使各种颜色与黑色背景混合，实现五彩斑斓的黑。
CSS 文字特效实例：猜猜我是谁	本文结合空心文字、文字填充、文字模糊、文字裂开等多种 CSS 特效，实现猜猜我是谁小实例。
手把手教你从 0 到 1 实现 CSS 文字特效实例：猜猜我是谁	通过这个实例，我们可以掌握文字裁剪、文字模糊、文字分裂、文字光晕等多种效果。
CSS 元素动画篇：基于当前位置的变换动画（一）	本文主要介绍位移效果类，如水平抖动、垂直抖动等相关元素动画效果与代码实现。
CSS 元素动画篇：基于当前位置的变换动画（二）	本文主要介绍旋转效果类，如摇摆、摇晃、螺旋旋转等相关元素动画效果与代码实现。
CSS 元素动画篇：基于当前位置的变换动画（三）	本文主要介绍缩放效果类，如脉冲、果冻、心跳等相关元素动画效果与代码实现。
CSS 元素动画篇：基于当前位置的变换动画（四）	本文主要介绍透明效果类，如闪烁、淡入、淡出等相关元素动画效果与代码实现。
CSS 元素动画篇：基于当前位置的变换动画（合集篇）	本文主要从位移效果类、旋转效果类、缩放效果类、透明度效果类四个角度，介绍了日常开发中常见的几种基于当前位置的元素变换动画。
CSS 元素动画篇：基于页面位置的变换动画	本文主要介绍了几种常见的基于页面位置的元素动画，包括从上到下、从下到上、从左往右、从右往左四种移动方式。
CSS 元素动画篇：鼠标悬浮时特效，常见 6 种边框类悬浮特效	本文主要介绍了日常开发中 6 种常见的鼠标悬浮边框类特效，包括边框展示、边框外浮、边框闪现、元素空心、元素裁剪和边框圆角。
CSS 元素动画篇：鼠标悬浮时特效，常见 6 种背景类悬浮特效	本文主要介绍了日常开发中 6 种常见的鼠标悬浮背景类特效，包括背景闪现、元素阴影、元素悬浮阴影、元素上浮阴影、元素边框阴影和元素卷角。
未完待续	…

JS页面特效

涉及 JS 页面动画以及JS页面特效相关的文章，都归类在JS页面特效专栏中，以下是该专栏详细的文件目录：

文章标题	文章摘要
JS 实现文字打印机效果	本文介绍了如何通过 JS 实现文字打印机效果，包括简单的文字打印机效果和带光标的文字打印机效果。
JS 特效篇：条纹型进度条	本文主要介绍了如何通过 CSS+JS 实现条纹进度条和动态条纹进度条。
JS 特效篇：字符型进度条	本文主要介绍了如何通过 CSS+JS 实现字符进度条和渐变字符进度条。
JS 特效篇：加载型进度条	本文介绍了如何通过 CSS +JS 实现简单加载型进度条和滑块加载型进度条。
JS 特效篇：简单轮播图	本文介绍了如何使用 CSS 和 JavaScript 实现一个简单的轮播图。
JS特效篇：指示器轮播图	本文介绍了如何使用 CSS 和 JavaScript 实现一个简单的轮播图。
JS特效篇：背景同步轮播图	本文介绍了如何使用CSS和JavaScript实现背景同步轮播图。通过局部切换图片，整体背景随之变化，提升视觉效果。
JS特效篇：双层轮播图	本文介绍了如何使用CSS和JavaScript实现一个双层轮播图。
未完待续	…