我一定遺漏了一些相當簡單的東西,我不明白為什么grow在下面起作用。
更確切地說,我會明白為什么它的作業,如果我們有下面的影片,而不是:
@keyframes grow {
0% {
transform: scaleX(0);
}
100% {
transform: scaleX(1);
}
}
但我們沒有。那么為什么div在下面的代碼中不斷增加呢?
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>
uj5u.com熱心網友回復:
影片以請求的值開始,但以沒有轉換屬性的默認值結束
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/351428.html
上一篇:如何制作倒角?[復制]
下一篇:在頁面上作業時出現線性梯度錯誤
