From b7d3d0d61475a087469786baba2b636516614a70 Mon Sep 17 00:00:00 2001 From: ninjahellokitty <8458817+ninjahellokitty@users.noreply.github.com> Date: Tue, 25 Dec 2018 16:17:38 +0800 Subject: [PATCH] Merge pull request #23874 from ninjahellokitty/patch-2 Update transition delay and shorthand --- guide/english/css/transition/index.md | 19 +++++++++++++------ 1 file changed, 13 insertions(+), 6 deletions(-) diff --git a/guide/english/css/transition/index.md b/guide/english/css/transition/index.md index 30ba203941..d9c1876899 100644 --- a/guide/english/css/transition/index.md +++ b/guide/english/css/transition/index.md @@ -81,9 +81,20 @@ div { ## Syntax +### Transition Delay + +Setting a transition delay determines when the transition will start. + +```css +transition-delay: 1s; +``` + +### Transition Shorthand + ```css transition: property name / duration / timing function / delay ; ``` + #### Example ```css transition: width 2s linear 2s; @@ -91,9 +102,5 @@ transition: width 2s linear 2s; #### More Information: -* MDN Documentation: MDN -* Easings reference: Easings - - - - +* [MDN - transition](https://developer.mozilla.org/en-US/docs/Web/CSS/transition) +* [Easings reference](http://easings.net/en)