Merge pull request #23874 from ninjahellokitty/patch-2
Update transition delay and shorthand
This commit is contained in:
committed by
Kristofer Koishigawa
parent
edd4272777
commit
b7d3d0d614
@ -81,9 +81,20 @@ div {
|
|||||||
|
|
||||||
## Syntax
|
## Syntax
|
||||||
|
|
||||||
|
### Transition Delay
|
||||||
|
|
||||||
|
Setting a transition delay determines when the transition will start.
|
||||||
|
|
||||||
|
```css
|
||||||
|
transition-delay: 1s;
|
||||||
|
```
|
||||||
|
|
||||||
|
### Transition Shorthand
|
||||||
|
|
||||||
```css
|
```css
|
||||||
transition: property name / duration / timing function / delay ;
|
transition: property name / duration / timing function / delay ;
|
||||||
```
|
```
|
||||||
|
|
||||||
#### Example
|
#### Example
|
||||||
```css
|
```css
|
||||||
transition: width 2s linear 2s;
|
transition: width 2s linear 2s;
|
||||||
@ -91,9 +102,5 @@ transition: width 2s linear 2s;
|
|||||||
|
|
||||||
#### More Information:
|
#### More Information:
|
||||||
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
<!-- Please add any articles you think might be helpful to read before writing the article -->
|
||||||
* MDN Documentation: <a href='https://developer.mozilla.org/en-US/docs/Web/CSS/transition' target='_blank' rel='nofollow'>MDN</a>
|
* [MDN - transition](https://developer.mozilla.org/en-US/docs/Web/CSS/transition)
|
||||||
* Easings reference: <a href='http://easings.net/en' target='_blank' rel='nofollow'>Easings</a>
|
* [Easings reference](http://easings.net/en)
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
Reference in New Issue
Block a user