SPA transitions

<div id="sample">
      <img src="castle.jpg"/><br/>
      <b>Beautiful castle for sale.</b>
    </div>
    <p>
      <a href="javascript:playtransition()">Play Transition</a>
    </p>

var sample=document.getElementById("sample")

function playtransition() {
  var newHTML = '<img src="castleinside.jpg"/><br/>
    <b>Interior is elegant yet modern!</b>'
  sample.filters[0].apply();
  sample.innerHTML = newHTML;
  sample.filters[0].play();
}