本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将

我们从内置贝塞尔运动，雪花飘，购物抛物线，进度条四个案例，一起先看看其效果，然后再了解transition属性和事件，最后你的想法有多好，其作用就有多大。

在大多数的web页面中，图片占到了页面大小的60%-70%。因此在web开发中，不同的场景使用合适的图片格式对web页面的性能和体验是很重要的。图片格式种类非常多，本文仅针对几种web应用中常用的图片格式：gif、png、jpg、webp进行一个基本的总结。 无压缩。无压缩的图…

生日将至，我用前端技术为自己制作了一个精美的礼物。在此分享给大家。成熟的前端工程师一定要学会亲手制作生日礼物~回归最初学习前端的初心，技术不仅可以用来谋生，也可以用来创造快乐~

这几天肝SVG的小小总结，SVG如今也越来越重要~，看完就会的脚撕图标，拳打南山产品汪，脚撕北海小UI(逃~)。