Question

I need to display images on angles like shown below. Is CSS Transfer the way to do it?

/* Rotate div */
transform:rotate(7deg);
-ms-transform:rotate(7deg); /* Internet Explorer */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */

Would I just need to work out the correct degrees rotate for each image?
Sizing & Positioning are fine easy enough.

thx

Answer 1

Yes I am totally agree with @Cody Guldner option. You just take all the images inside a list i.e

<ul>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
  <li><img src="" alt="" /></li>
</ul>

and for each image you can set your css that you have used, just add nth-of-type(1) and it will give you full control over the images.