[心情] 解放CSS 单行transform，分离scale, translate 和rotate 吧！
定期都有在关注Youtube Web Dev Simplified 的介绍前端新讯的影片，虽然很早就知道有一般拆解Transform 属性，变成scale, rotate … 的功能，但如今看到如此的支援度，还是令人雀跃不已。
资料传送门
影片： https://www.youtube.com/watch?v=416MT-VmJdI
医疗器械网络： 旋转 , 翻译 , 规模
犬类： 翻译
在大众 铬 104 (2022/08/02) 及 _Safari 14.1(2021/04/26)
_ 之后的版本皆可使用
意思是：近期还没开始开发的专案都可以考虑的酷东西
简单来说，你可以从这样：
变换：缩放（2）平移（50px，50px）；
改写成这样：
规模：2；
翻译：50px 50px；
对程式不熟或不常写CSS的套件仔可能会觉得很瞎
就小小的改动支援度会有什么差
- 自己做属性绑定更简单，程式码可以更浓缩，动画easy
(用一般框架，直接绑定DOM就可快速做出基本动画了，名称也同步)
范例 - 与其他应用程式同步。除了网页外，其他动画或影片游戏的制作上，这些属性设定大部分都是拆开的了，如今支援拆开撰写，想必在其他软体输出成网站可使用的格式时，支援度也会相对的提高。
- 学习成本降低，老习惯几乎作废。就如同一些老前辈会说之前只有table可以用，你们现在flex太方便等等之类的…，有感而发。
一起来期待未来会有什么应用(Bug)吧:D
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明
本文链接：https://www.qanswer.top/12150/35210411
标签：scale,50px,transform,rotate,translate,CSS From： https://www.cnblogs.com/amboke/p/16654730.html