CODEWITHSUNDEEP
javascriptjquerycsscss-transitionsjquery-trigger
user1081168
user1081168

Reputation: 59

transition of border when element size changes in jq

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.

Upvotes: 0

Views: 42

Answers (0)

Related Questions