Rotate div’s

transform:rotate(7deg);
-ms-transform:rotate(7deg); /* IE 9 */
-moz-transform:rotate(7deg); /* Firefox */
-webkit-transform:rotate(7deg); /* Safari and Chrome */
-o-transform:rotate(7deg); /* Opera */

using these parameters i am able to not only postion my images, but rotate them to give them a more dynamic feel

I have also been experementing with using the box-shadow property to create an active vignette on my site, while this looks good, it eats up the performace.

to counter this i used some simple jquery to add a toggle button to my site

function toggleDiv(divId) {
$("#"+divId).toggle();
}

Toggle Button

The content in this div will hide and show (toggle) when the toggle is pressed.
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s