0

I want to combine two animations in css3. These two are rotate and scale. How do I combine these two to active on :hover on my image.

-webkit-transform: rotate(360deg);
-webkit-transform: scale(1,1);

These are the two animations im trying to combine.

Improve this question
4
  • 1
    Can you show your individual animations, please? Commented Apr 7, 2014 at 13:43
  • 3
    the way is : -webkit-transform: rotate(360deg) scale(1,1); Commented Apr 7, 2014 at 13:46
  • 1
    @GCyrillus Should put that as an answer, as you are the one that answered it and im fairly sure that answer down there was copied from yours. Commented Apr 7, 2014 at 13:59
  • This are transforms, not animations. You can get it by looking at the property names: transform : something; and animation : something; Commented Apr 7, 2014 at 15:49

1 Answer 1

Reset to default
4 
-webkit-transform: rotate(360deg) scale(1,1);
Improve this answer
Sign up to request clarification or add additional context in comments.

Comments

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.