前言

  • 正经人谁写CSS啊 😅 (https://jsfiddle.net/user/fiddles/all/1/)

滚动视差

  • Scroll Parallax

鼠标视差

  • Mouse Parallax

打字机效果

  • 也可以叫做 typing effect

3D 卡片效果

https://www.cnblogs.com/coco1s/p/17979602

卡片效果

下划线特效

Zoom 效果

  • https://css-tricks.com/re-creating-the-porky-pig-animation-from-looney-tunes-in-css/

视频背景

头像特效

鼠标效果

  • 动态鼠标效果

图片倒影

噪音特效

图片堆叠

人潮汹涌

https://codepen.io/zadvorsky/pen/xxwbBQV

文字特效

图片消失

奇怪的特效

Hover 效果

无限图片

神光效果

kokomi.js 用例

跑马灯效果

  • 也叫做 Marquee

文字 Hover 翻转

手电筒效果

SVG 滤波器

我的名字

横向滑动

  • 下面这个是纯原生实现

签名特效

3D 菜单

电影文字特效

暖色背景

图片通过滑动展出

原生划入动效

Rellax.js 用例

文字展示视频

故障特效

菜单特效

原生导航栏

创意列表交互

附录

请勿随意修改，谢谢