Add CSS transitions explanation link (#24505)

This commit is contained in:
Ruphaa Ganesh
2018-12-12 16:18:18 +05:30
committed by Manish Giri
parent 022ffb21b2
commit b6cc94edba

View File

@ -7,9 +7,6 @@ title: Using CSS Transitions
CSS transitions let you decide which properties to animate (by listing them explicitly), when the animation will start (by setting a delay), how long the transition will last (by setting a duration), and how the transition will run (by defining a timing function, e.g. linearly or quick at the beginning, slow at the end).
#### Which CSS properties can be transitioned?
[CSS animated properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)
#### Defining transitions
@ -104,8 +101,10 @@ div {
For more options available in this property, check out the [W3Schools page on transition-timing-function](https://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp). Also there's a handy [online cubic-bezier tool](http://cubic-bezier.com).
## More about Using CSS Transitions
#### More about Using CSS Transitions
* [W3 Schools CSS Transitions](https://www.w3schools.com/css/css3_transitions.asp)
* [MDN CSS Transitions Web Docs](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions)
* [All you need to know about CSS Transitions by Alex MacCaw](https://blog.alexmaccaw.com/css-transitions)
* [CSS Transitions - Explained](https://zellwk.com/blog/css-transitions/)
* [CSS animated properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_animated_properties)