Skip to content

Commit c2fc606

Browse files
authored
Update css-transitions.md
1 parent fb982af commit c2fc606

File tree

1 file changed

+11
-10
lines changed

1 file changed

+11
-10
lines changed

docs/CSS/css-transitions.md

Lines changed: 11 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,13 @@
11
# CSS Transitions
22

33
## Introduction
4+
45
CSS transitions provide a way to control the speed of animation changes to CSS properties. This can enhance the user experience by making the changes appear smooth and visually appealing.
56

67
## Basic Concepts
78

89
### What is a Transition?
10+
911
A transition is a way to animate a property change over a given duration.
1012

1113
```css
@@ -14,6 +16,7 @@ A transition is a way to animate a property change over a given duration.
1416
}
1517
```
1618
## Transition Properties
19+
1720
### transition-property
1821

1922
Specifies the name of the CSS property the transition effect is for.
@@ -60,6 +63,7 @@ Example: 0s, 1s, etc.
6063

6164

6265
## Shorthand Property
66+
6367
You can combine all the individual transition properties into one shorthand property.
6468

6569
```css
@@ -68,7 +72,8 @@ You can combine all the individual transition properties into one shorthand prop
6872
}
6973
```
7074

71-
# Basic Transition
75+
## Basic Transition
76+
7277
```html
7378
<!DOCTYPE html>
7479
<html lang="en">
@@ -93,7 +98,7 @@ You can combine all the individual transition properties into one shorthand prop
9398
</html>
9499
```
95100

96-
# Transition Multiple Properties
101+
## Transition Multiple Properties
97102

98103
```html
99104
<!DOCTYPE html>
@@ -122,7 +127,8 @@ You can combine all the individual transition properties into one shorthand prop
122127
</html>
123128
```
124129

125-
# Delayed Transition
130+
## Delayed Transition
131+
126132
```html
127133
<!DOCTYPE html>
128134
<html lang="en">
@@ -147,10 +153,5 @@ You can combine all the individual transition properties into one shorthand prop
147153
</html>
148154
```
149155

150-
# Conclusion
151-
CSS transitions provide a simple way to create smooth animations and improve the user experience. By using the various transition properties, you can control the timing, speed, and behavior of your animations to create visually appealing effects.
152-
153-
```bash
154-
155-
This guide covers the essential properties, concepts, and examples to help users understand and apply CSS transitions in their projects.
156-
```
156+
## Conclusion
157+
CSS transitions provide a simple way to create smooth animations and improve the user experience. Using the various transition properties, you can control your animations' timing, speed, and behaviour to create visually appealing effects.

0 commit comments

Comments
 (0)