是否可以仅使用CSS3转换文本对齐方式？
糜野
问题内容：
问题答案：
是否可以使用CSS3转换文本对齐方式？例如，我想从左到右为文本对齐设置动画，但是，在text-align上添加transition属性并不能解决问题。
问题答案：
我发现了一种不仅从左到右/从右到左动画的方法，而且还从居中的文本动画。
诀窍是将宽度设置为“ 0”。
ul {
background: #fff;
padding: 16px;
border: 1px solid #e2e2e2;
}
li {
list-style: none;
letter-spacing: 1px;
font: 12px 'Tahoma';
line-height: 24px;
color: #444;
text-align: center;
white-space: nowrap;
width: 100%;
transition: width .8s ease;
}
ul:hover > li {
width: 0;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<ul>
<li>this</li>
<li>is a list</li>
<li>of entries</li>
<li>with various widths.</li>
<li>hover over it</li>
<li>to apply crazy css magic!</li>
</ul>
</body>
</html>
类似资料：
-
问题内容： 我知道可以使用CSS3创建一个圆 可以画一条对角线吗？ 问题答案： 是的，有一种以上的可能性： 您可以使用一个元素或其他元素并将其旋转。这是一个演示： 是的，它可以在IE中实现：
-
问题内容： 我有一个高度为200px的textarea，但是当我通过文本传递200px时，我想让textarea扩展而不是用滚动条保持200px的高度。 只能使用CSS来做到这一点吗？ 问题答案： 相反的，你可以使用与CONTENTEDITABLE属性：
-
我有一个Kotlin项目需要在Java中转换。不知道在Android Studio是否可以？Kotlin的逻辑可以在Java中转换而不丢失任何东西或者在运行应用程序时有一些问题吗？ 如果是，如何做到完美？
-
问题内容： 在纯CSS中，能否使50px小于100％？我希望小于100％仅50px。我不需要任何JavaScript。 问题答案： 是的你可以。无需使用IE，就可以在CSS3中使用来实现。
-
我试图在
-
问题内容： 期望： 结果： Jsoup可以将值HTML转换为XHTML吗？ 问题答案： 见：