Quick Tip: Pagelines Rotate Thumbnails

Here is a quick tip for the day from Pagelines. To make your thumbnails rotate 5 degrees right just add the following css in either css rules under the settings -> custom code or in the styles.css of your child theme.

To make it rotate left you just add -5deg to all of the css rotations.

/*
 * Post thumbnail rotate on hover
 */
span.c_img:hover {

transform: rotate(5deg);

-o-transform: rotate(5deg);

-moz-transform: rotate(5deg);

-webkit-transform: rotate(5deg);

transition: all .2s;

-o-transition: all .2s;

-moz-transition: all .2s;

-webkit-transition: all .2s;

}
0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply