scaleX 在关键帧中自动增加
[英]scaleX increasing automatically in keyframes
问题描述
In this example it is clear why the grow animation works:
在这个例子中，很清楚为什么grow动画有效：
@keyframes grow {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
However, why does it also work in the below code snippet?但是，为什么它也适用于下面的代码片段？
div { width: 100px; height: 100px; background: red; position: relative; animation: grow 5s; } @keyframes grow { 0% { transform: scaleX(0); } } <body> <h1>The @keyframes Rule</h1> <div></div> </body> </html>
1 个解决方案
解决方案1
2 已采纳 2021-11-06 17:54:46
动画以请求的值开始，但以没有变换属性的默认值结束
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.
相关问题
自动增加客户号。 - Increasing client number automatically.
HTML注释框不会自动增加高度 - HTML Comment Box automatically not increasing height
phpmyadmin数据库表中的月份自动增加 - Month automatically increasing in phpmyadmin database table
高度自动增加div与contenteditable =“true” - height is increasing automatically of div with contenteditable=“true”
旋转div的scaleX动画 - Animate scaleX of rotated div
溢出时如何自动增加相对div的宽度？ - How to increasing width of relative div automatically in case of overflow?
从中心缩放scaleX然后旋转CSS - scaleX from center then rotate css
NextJS 关键帧 - NextJS Keyframes
变换 scaleX 并保持固定右 position - Transform scaleX and maintain fixed right position
通过变换 scaleX (-1) 项目走出屏幕？ - By transform scaleX (-1) item goes out of the screen?
相关标签