当我点击按钮时，我希望平滑过渡：
<html>
<head>
<style>
span#l0 { display: inline-block;
border:20px solid red;
transition: all 5s ease !important;
}
</style>
</head>
<body>
<span id="l0">Hahahahahahahahahahahahhahahahaha</span>
<button onclick="document.getElementById('l0').innerHTML='ha'">hura</button>
</body>
</html>
我希望在转换为文字和一张图片时，为http://lilaum.com有边框的图像进行平滑过渡。我不想要一个现在的跳跃，而是一个1秒的过渡。它改为和平庇护文本。