title: How to add a rotated image in CSS?
body: <p>I have written below code. But now the requirement is that the image should be rotated 180 degrees. How can I achieve this?</p>
  
  <pre><code>#cell {
  background-image: url("../images/logo.PNG"); 
  background-attachment: fixed; 
  background-repeat: no-repeat;
  background-position: 0px 250px;
  background-color: #FFFFFF;
  border-left: 2px;
  }
  </code></pre>
  
  <p>HTML tag:</p>
  
  <pre><code>    &lt;td width="2%" id="cell"/&gt;
  </code></pre>