Shulou(Shulou.com)06/01 Report--

What does the transition effect of css3 refer to? in view of this question, this article introduces the corresponding analysis and solution in detail, hoping to help more partners who want to solve this problem to find a more simple and feasible way.

In css3, the name of the transition effect is "transition", which is an abbreviated attribute that specifies the name of the css property of the transition effect, the time of the transition effect, the speed curve of the transition effect, and defines when the transition effect begins, and the syntax is "transition:css attribute name time-speed curve transition begins;"

The operating environment of this tutorial: windows10 system, CSS3&&HTML5 version, Dell G3 computer.

What is the name of the transition effect of css3

The transition property is an abbreviated property that sets four transition properties:

Transition-property

Transition-duration

Transition-timing-function

Transition-delay

Note: always set the transition-duration property, otherwise the length of time is 0, there will be no transition effect.

The syntax is:

Transition: property duration timing-function delay

Where:

Examples are as follows:

Div {width:100px;height:100px;background:blue;transition:width 2s; / * Firefox 4 * /-webkit-transition:width 2s; / * Safari and Chrome * /-o-transition:width 2s; / * Opera * /} div:hover {width:300px;}

Please move the mouse pointer over the blue div element to see the transition effect.

Note: this example is not valid in Internet Explorer.

Output result:

What is csscss is a computer language used to express file styles such as HTML or XML. It is mainly used to design the style of the web page and make the web page more beautiful. It is also a language that defines style structures such as fonts, colors, locations, etc., and css styles can be stored directly in HTML pages or separate style sheet files, while the priority of style rules is determined by css according to this hierarchical structure, so as to achieve cascading effect. Up to now, css can not only decorate the web page, but also cooperate with various scripts to format the web page.

The answer to the question about what the transition effect of css3 refers to is shared here. I hope the above content can be of some help to you. If you still have a lot of doubts to be solved, you can follow the industry information channel to learn more about it.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.