Grow your CSS skills. Land your dream job.

Two CSS questions…Image Rotation and Random Spacing

  • # November 30, 2012 at 2:57 am

    I need to help create a store for a new client but the concept is very stylized. Because of this, I’ve come across a couple of issues that I could use some help with. :)

    Here are the basics. The store site will be a WordPress website…and the commerce plugin (I’m looking at a few) will allow for the latest items to be showcased on the home page.

    First, is there a way using CSS or any mechanism so that the images, which will look like polaroid pictures, to be randomly rotated? Meaning, I don’t want them all to be perfectly aligned on each row. I’d like them to look almost haphazard, so that they are turned a few degrees one way or the other. Otherwise the look will be too rigidly ordered.

    Second… I don’t want the spacing to be exact either. I’d like it so that in some cases, the items are closer to each other and in some cases, they’re a little further apart.

    If I were designing the page and hard coding the design, I could simply create a style for the items in question and manually adjust.

    But…with a store, the images and layout is generated dynamically. As new items are added, the rows fill up and everything looks uniform.

    Ideas?

Viewing 1 post (of 1 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".