神奇的可变字体动画

开发调优
, ,
1

先看看效果图

eg

感觉没啥好讲的，就是按照文档来就可以了 :innocent: 了解更多可变字体可参考 Variable fonts guide - CSS：层叠样式表 | MDN

代码中使用了 @layer 的规则，这个我们在以后可以单独讲一讲，就当是个预告咯~

直接上代码吧，聪明如你，一看就懂

字体我也传一下吧
Kablammo-MORF-.7z (812.0 KB)

49 Likes
2

鹅佬，牛啊！！

2 Likes
3

大鹅你太棒了

1 Like
4

这效果太牛了:+1:

2 Likes
5

有趣有趣，很适合卡通风格的网站啊！

3 Likes
6

大鹅是前端佬吗

2 Likes
7

大鹅太强了！

2 Likes
8

牛啊牛啊

2 Likes
9

这何尝不是一种cvt

3 Likes
10

鹅佬太强了～

3 Likes
11

鹅佬好强

2 Likes
12

大鹅老师太强了 :tieba_087:

3 Likes
13

是的，挺有意思的 :tieba_087:

1 Like
14

宇宙级CV大师！

1 Like
15

是JAY！

2 Likes
16

太猛了，大鹅！

2 Likes
17

lihai

2 Likes
18

CSS God ！

2 Likes
19

大帅哥也猛！

1 Like
20

OHHHHHHH~

2 Likes