webkit - css transition effect on a div
- by Mak Killbers
I am trying to do fadein/out effect when I change innerHTML of a div. Even tried example given at safari doc
I want the div to fade-out, change the contents and then fade-in again with new content.
<style>
.cv { background-color: #eee; -webkit-transition: all 1s ease-in-out;}
.cf {opacity: 0;}
</style>
<body>
<div id="main">
<div id="c"> OLD </div>
</div>
</body>
<script>
var c = document.getElementById("c");
c.setAttribute("class", "cf");
c.innerHTML = '';
c.appendChild(fragment);
c.setAttribute("class", "cv");
</script>
Please help me here
