我想缩放文字像这样。但在本文中不透明度：0。我不必隐藏文本不透明度：1 并且我不希望框像那样只有文本会被缩放
我尝试了以下但没有成功：
ul li {
transform: scale(10);
transition: all 0.3s ease-in-out 0.2s;
}
ul li:hover {
transform: translateY(100px);
transition: all 0.3s ease-in-out 0.1s;
}<ul>
<li>Text effect</li>
<li>Text effect</li>
</ul>