gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge pull request #23874 from ninjahellokitty/patch-2

Browse Source 
Update transition delay and shorthand
This commit is contained in:
ninjahellokitty
2018-12-25 16:17:38 +08:00
committed by Kristofer Koishigawa
parent edd4272777
commit b7d3d0d614
1 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
guide/english/css/transition/index.md
View File

@ -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)