Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<style>
  #outer {
    color: black;
  }
  #outer.t {
    color: green;
  }
  div {
    font-size: 20px;
    transition: 1s linear color;
  }
</style>
<div id=outer>
  level 0
  <div>
    level 1
    <div>
      level 2
      <div>
        level 3
      </div>
    </div>
  </div>
</div>
<script>
  setTimeout(() => {
    outer.classList.add('t');
  }, 100);
</script>
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers