Question

为什么文本对齐没有改变？这是我的HTML。

<!DOCTYPE html>
<html>
<head>
<title>CSS 3 Animation</title>
<style>
.table
{
width: 400px;
height: 80px;
border: 1px dotted black;
}

.animatedMargin
{
font-size: xx-large;
-webkit-animation: marginAnimation 1s;
}

@-webkit-keyframes marginAnimation
{
from   {text-align: left}
to     {text-align: right}
}
</style>
</head>
<body>
<table class="table">
<tr>
<td class="animatedMargin">
SAMPLE TEXT
</td>
</tr>
</table>
</body>
</html>

我已将text-align更改为background以查看其是否有效，而且确实如此。它是text-align的东西吗？

Answer 1

text-align不应该是a transitionable property。

Answer 2

我认为 text-align 根本无法动画。

Answer 3

完全文本对齐不应该是transitionable property。

为什么在此HTML中文本对齐没有动画？

3 个答案: