What is the new transition property in css3

This article mainly shows you "what are the new transition attributes in css3", the content is simple and clear, and I hope it can help you solve your doubts. Let me lead you to study and learn about "what are the new transition attributes in css3".

A new module, transition, has been added to CSS3, which can trigger changes in the appearance of elements through some simple CSS events, making the effect more delicate.

It is a composite attribute, which mainly includes the following sub-attributes.

Transition-property: specifies the CSS property of the transition or dynamic simulation

Transition-duration: specify the time required to complete the transition

Transition-timing-function: specify transition function

Transition-delay: specifies the delay time for the start of occurrence

Such as:

Transition:background-color.5sease.1s

Note that when the "transition-property" property is set to all, it represents all midpoint properties.

Example:

Width:200px

Height:200px

Background:red

Margin:20pxauto

-webkit-transition-property:width

Transition-property:width

-webkit-transition-duration:.5s

Transition-duration:.5s

-webkit-transition-timing-function:ease-in

Transition-timing-function:ease-in

-webkit-transition-delay:.18s

Transition-delay:.18s

You can also make individual settings for properties.

The above is all the content of the article "what are the new transition attributes in css3?" Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!