css - Multiple transitions on same element not working -


I have two changes on the same element, one of which does the expected work, but the other does not work on the hinge . What can I do to make both changes?

CSS code:

  .foreign {top: 40%; Correct: 14%; Background: RGBA (0,0,0,0.7); Width: 200px; Height: 200px; Status: Completed; Cursor: indicator; Transition: Correct 1s; / * Wont work * / Infection: Background 1s; }. Arrow next: hover {true: 11%; / * Wanted work * / background: RGBA (255,255,255,0.7); }    

Your second declaration is overriding in the past.

Instead of declaring multiple transitions s, you declare them together:

  Transition: Correct 1s Easy-out, background-1s low-out;   

You should also play the methods in an easy way. They can really change the "experience" of the animation.

Also, do not forget about vendor prefixes:

  - Winkit-transition: right 1s smooth-out, background-1s easily-out; -MOZ-transition: right 1s smooth-out, background 1s ease-out; -O-Infection: Correct 1s smooth-out, background 1s ease-out; Transition: Right 1s smooth-out, background 1s-out; There is some great documentation on   

here transit s:

and you should check-out if you are new to CSS Great resource for determining browser compatibility

Comments

Popular posts from this blog

php - PDO bindParam() fatal error -

logging - How can I log both the Request.InputStream and Response.OutputStream traffic in my ASP.NET MVC3 Application for specific Actions? -

java - Why my included JSP file won't get processed correctly? -