Transitions

Question 1

4 aspects controlled in CSS transitions

Answer 1

1) Which CSS properties transition
2) How long a transition lasts
3) How much time there is before a transition begins
4) How a transition accelerates

Question 2

transition-property

Answer 2

Declares which property of the element is going to transition

Question 3

transition-duration

Answer 3

Declares how long the property should take to transition

Duration is specified in seconds or milliseconds, such as 3s, 0.75s, 500ms. The default value is 0s, or instantaneous, as if there is no transition.

Question 4

transition-delay

Answer 4

Delay specifies the time to wait before starting the transition.

As with the duration property, the default value for transition-delay is 0s, which means no delay.

Question 5

transition-timing-function

Answer 5

Describes the pace of the transition

There are a bunch of predefined values, you can find here: https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function

Question 6

transition (property)

Answer 6

This shorthand property describes each aspect of the transition puzzle in a single declaration.

The properties must be specified in this order:
transition-property, transition-duration, transition-timing-function, transition-delay.

Question 7

transition-property: all

Answer 7

This will apply the same values to all properties.

all means every value that changes will be transitioned in the same way. You can use all with the separate transition properties, or the shorthand syntax.