title: Rotate 3 div simultaneously using css
body: <p>I want to rotate 3 div simultaneously.</p>
  
  <pre><code>&lt;img src="logo.png" class="logo" width="150px" height="150px"/&gt;
  &lt;img src="1.png" class="logo" width="150px" height="150px"/&gt;
  &lt;img src="2.png" class="logo" width="150px" height="150px"/&gt;
  </code></pre>
  
  <p>All these three images are to rotated whn mouse move on any one of them.The Css used is </p>
  
  <pre><code>  .logo {
     -webkit-transition: all 1s ease-in-out;
     -moz-transition: all 1s ease-in-out;
     -o-transition: all 1s ease-in-out;
     -ms-transition: all 1s ease-in-out;
     transition: all 1s ease-in-out;
    }
    .logo:hover {
     -webkit-transform: rotate(180deg);
     -moz-transform: rotate(180deg);
     -o-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
    }
  </code></pre>