You are here

Home » API reference » Simple Image Rotate 7

simple_image_rotate.css in Simple Image Rotate 7

Same filename and directory in other branches
  1. 8 css/simple_image_rotate.css
  2. 7.2 css/simple_image_rotate.css
  3. 2.1.x css/simple_image_rotate.css
  4. 1.0.x css/simple_image_rotate.css
  5. 2.0.x css/simple_image_rotate.css
.image-widget {
    position: relative;
}
a.rotate-icon {
    position: absolute;
    top: -15px;
    left: -15px;
    font-size: 30px;
    line-height: 30px;
    color: blue;
    text-decoration: none;
}
a.rotate-icon:hover {
    color: black;
}
rotate-0 {
    -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */
    -ms-transform: rotate(0deg); /* IE 9 */
    transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */
}
.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.rotate-270 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

File

css/simple_image_rotate.css
View source 
  1. .image-widget {

  2.     position: relative;

  3. }

  4. a.rotate-icon {

  5.     position: absolute;

  6.     top: -15px;

  7.     left: -15px;

  8.     font-size: 30px;

  9.     line-height: 30px;

  10.     color: blue;

  11.     text-decoration: none;

  12. }

  13. a.rotate-icon:hover {

  14.     color: black;

  15. }

  16. rotate-0 {

  17.     -webkit-transform: rotate(0deg); /* Chrome, Opera 15+, Safari 3.1+ */

  18.     -ms-transform: rotate(0deg); /* IE 9 */

  19.     transform: rotate(0deg); /* Firefox 16+, IE 10+, Opera */

  20. }

  21. .rotate-90 {

  22.     -webkit-transform: rotate(90deg);

  23.     -ms-transform: rotate(90deg);

  24.     transform: rotate(90deg);

  25. }

  26. .rotate-180 {

  27.     -webkit-transform: rotate(180deg);

  28.     -ms-transform: rotate(180deg);

  29.     transform: rotate(180deg);

  30. }

  31. .rotate-270 {

  32.     -webkit-transform: rotate(270deg);

  33.     -ms-transform: rotate(270deg);

  34.     transform: rotate(270deg);

  35. }