I want to make a smooth transition when I click the button:
<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>
I want to make a smooth transition for http://lilaum.com bordered images when turned to text and one image. I do not want a jump which is what it is now, but a 1 second transition. It changes to the Peace refuge text.
