0

Webkit is working in chrome but not in firefox what is the another method for webkit-transform

  • https://developer.mozilla.org/en-US/docs/Web/CSS/transform – pawel Aug 08 '14 at 10:22
  • .me { -webkit-animation: rotation 2s infinite linear; -moz-animation: rotation 2s infinite linear; height:2%; width:3%; } @-webkit-keyframes rotation { from {-webkit-transform: rotate(0deg);} to {-webkit-transform: rotate(359deg);} } – Arunkumar Pushparaj Aug 08 '14 at 10:22
  • http://stackoverflow.com/a/8939302/607874 – Jose Rui Santos Aug 08 '14 at 10:27
  • I saw your comments below that says that you want animation effect. But your answer does not say that. Ask clearly what you want, you should edit your question. – Rahiil Aug 08 '14 at 10:52

1 Answers1

0

Try like this:

.rotate{
  -webkit-transform: rotate(7.5deg);  /* Chrome, Opera 15+, Safari 3.1+ 
      -ms-transform: rotate(7.5deg);  /* IE 9 
          transform: rotate(7.5deg);  /* Firefox 16+, IE 10+, Opera 
}

Updated Demo 1: Link - This will spin whole div

Updated Demo 1: Link - this will spin only image

G.L.P
  • 7,119
  • 5
  • 25
  • 41