Add CSS transitions explanation link (#24505)
This commit is contained in:
committed by
Manish Giri
parent
022ffb21b2
commit
b6cc94edba
@ -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)
|
||||
|
Reference in New Issue
Block a user