css过渡 取消过渡_CSS过渡入门指南

css过渡 取消过渡

• Introduction to CSS Transitions

  CSS过渡简介

• Example of a CSS Transition

  CSS过渡示例

• Transition timing function values

  过渡计时功能值

• CSS Transitions in Browser DevTools

  浏览器DevTools中CSS过渡

• Which Properties you can Animate using CSS Transitions

  可以使用CSS Transitions设置哪些属性的动画

CSS过渡简介 (Introduction to CSS Transitions)

CSS Transitions are the most simple way to create an animation in CSS.

CSS过渡是在CSS中创建动画的最简单方法。

In a transition, you change the value of a property, and you tell CSS to slowly change it according to some parameters, towards a final state.

在过渡中，您可以更改属性的值，并告诉CSS根据某些参数将其缓慢更改为最终状态。

CSS Transitions are defined by these properties:

CSS过渡由以下属性定义：

Property	Description
transition-property	the CSS property that should transition
transition-duration	the duration of the transition
transition-timing-function	the timing function used by the animation (common values: linear, ease). Default: ease
transition-delay	optional number of seconds to wait before starting the animation

属性	描述
transition-property