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
Post a Comment