title: activate a css transition using javascript
body: <p>I have an img that I would like to be able to click on and have my</p>
  
  <pre><code>.image_click:active {
    -webkit-transition-duration: 500ms;
    -webkit-transform: scale(1.5);
  }
  </code></pre>
  
  <p>stay scaled!  I realize that css alone can't do this, as I achieve the transition when I click, but lose it when I release the mouse button.  Is Javascript the solution for this?  Is there a css psudoclass that can do this I don't know about?  </p>
  
  <p>Here is a better example of what I want to activate</p>
  
  <pre><code>.image_flip { 
    -webkit-animation-name: box_walk; 
    -webkit-animation-duration: 1s; 
    -webkit-animation-iteration-count: 1; 
    -webkit-animation-timing-function: linear; 
  } 
  @-webkit-keyframes box_walk { 0% {} 100% { -webkit-transform:rotateY(180deg); } }
  </code></pre>