from * Start style *, after specifying * time *, slow transition to * end style *
Grammar:
Transition: Change type delay for attribute name duration speed variation
Emphasis: Writing in the start style
How to implement multiple properties simultaneous transitions: 2 ways:
1. Transition Sub-Properties: 4
Specifically used to set the name of the property to transition:
Transition-property: Property name 1, property name 2 ...;
Dedicated to setting the duration:
Transition-duration:n1s,n2s ...;
Designed to set the speed change type:
Transition-timing-function:
Alternate value: Ease: Accelerate and decelerate first
Linear: Constant Change
Ease-in: Accelerating
Ease-out: Deceleration
Ease-in-out: Accelerate and slow down first
Dedicated to setting the delay start time:
Transition-delay:n1s,n2s ...;
2. Consolidate Transition Properties:
Transition: Property name 1 duration speed type [delay],
Property Name 2 duration speed type [delay],
...
Yue for (Shenzhen) technology Co., Ltd.
Enjoy the fun
: Joyvisyojoy
Weibo: Http://weibo.com/JoyVis
Official website:http://www.yuevis.com/
Contact & submission:[email protected]
The transition transition of CSS3