全部技巧均可以在个人codepen上找到web
delay
实现交错动画background-clip:text
配合color
实现渐变文字效果hsl
颜色实现彩虹文字效果text-shadow
实现发光文字效果text-shadow
实现伪3D文字效果web animation
实现冒泡文字效果max-width
实现文本展开效果backdrop-filter
实现毛玻璃背景效果filter
实现毛玻璃景深效果blur
和contrast
滤镜实现融合效果blur
滤镜实现日光效果border-radius
实现曲边导航栏overflow:hidden
实现交错分割文本菜单overflow:hidden
实现填充按钮overflow:hidden
实现闪光按钮oveflow:hidden
、:target
和max-height
实现手风琴菜单overflow:hidden
和scroll
相关属性实现无缝轮播图box-shadow
实现各类按钮悬浮特效box-shadow
阴影实现发光按钮菜单counter
在伪元素的content
中显示var
的值clip-path
实现卡片多方向展开