_q

本文是系列第二篇。系列文章： 现代图片性能优化及体验优化指南 - 图片类型及 Picture 标签的使用 图片资源，在我们的业务中可谓是占据了非常大头的一环，尤其是其对带宽的消耗是十分巨大的。 对图片

最近，有群友问我，他们的一个作业，尽量使用少的标签去实现这样一个象棋布局： 他用了 60 多个标签，而他的同学，只用了 6 个，问我有没有办法尽可能的做到利用更少的标签去完成这个布局效果。 其实，对于

在 WeGame 的 PC 端官网首页，有着非常多制作精良的基于滚动的动画效果。 这里我简单截取其中 2 个比较有意思的转场动画，大家感受感受。转场动画 1： 转场动画 2： 是不是挺有意思的，整个动

粒子动画，顾名思义，就是页面上存在大量的粒子构建而成的动画。传统的粒子动画主要由 Canvas、WebGL 实现。 当然，不使用 HTML + CSS 的主要原因在于，粒子动画通常需要较多的粒子，而如

在 CSS 规范 Scroll-linked Animations 中，推出了一个划时代的 CSS 功能。也就是 -- The @scroll-timeline at-rule，直译过来就是滚动时间线

大家好，我是鱼皮。 如今找工作、面试实在是太卷了，每轮面试都 必考 八股文，不背不行。网上虽然有很多面试题，但过于分散，就导致很多朋友又不知道到哪去找题、该背哪些题了。 所以我决定做一个完全免费、干净

有群友问我，使用 CSS 如何实现如下 Loading 效果： 这是一个非常有意思的问题。 我们知道，使用 CSS，我们可以非常轻松的实现这样一个动画效果： 动画如下： 与要求的线条 loading

背景 在上一篇 巧用滤镜实现高级感拉满的文字快闪切换效果 中，我们提到了一种非常有意思的之前苹果展示文字的动画效果。 本文，会带来另外一个有意思的效果，巧用渐变实现高级感拉满的背景光动画。此效果运用在

今天偶然看到这样一类很有意思的文字快闪动画： 这类文字快闪切换效果运用得当的话，能比较好的吸引用户的眼球。 当然，今天并非是想用 CSS 实现上述的的效果。在尝试的过程中，我发现了另外一类能够使用 C