Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
PricingCoursesLog in
For TeamsWhy Scrimba?
Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Courses
All coursesAI PathFrontend Path

Not sure where to start?

Let us help you find your perfect course.

Karma

DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Awesome CSS effects

This playlist contains 181 interactive scrims.

Awesome CSS effects

181 lessons26 hours 56 min

1. Button text staggered sliding effects
4:36
2. Rectangular rotating loader animation
6:23
3. Diagonal stripe border effects
6:23
4. Metallic glossy 3d button effects
6:56
5. Sleek sliding toggle checkbox
9:32
6. Blue dazzling diamond
7:40
7. 3d text marquee effects
5:12
8. Charging loader animation
5:39
9. Aimed button effects
8:00
10. Concentric arc rotating loader animation
6:24
11. Ripple pulse loader animation
4:34
12. Broken text effects
5:35
13. Hot coffee cup
10:49
14. Three languages for web development
11:40
15. Development skills card
8:19
16. Colorful gradient animated border
6:00
17. Swapping colors loader animation
7:07
18. Stroke morphing 404 effects
10:43
19. Split text menu effects
10:19
20. Pixel animation heart shape
7:58
21. A text sliding effect UI
8:53
22. Stripy rainbow text effects
7:22
23. Reverse text color menu effects
7:35
24. Waves
8:52
25. Comet rotating loader
11:30
26. Set off paper button effects
6:07
27. Rainbow loader
8:59
28. Penrose triangle
7:59
29. Marquee slash animation
7:16
30. Swinging signboard effects
10:18
31. Minimalist ping pong animation
12:01
32. Hexagonal button effects
9:07
33. Milk text effect
6:04
34. Box border stacking effect
7:06
35. Panda
11:40
36. Solar eclipse
6:53
37. Stroke animation button effect
14:59
38. Stairs lettering effect
7:08
39. Stripe rainbow heart
9:06
40. Notebook page flip animation
11:59
41. Pencil
13:45
42. Equalizer loader
6:46
43. Vue logo
11:26
44. Background transition button effect
7:57
45. Colorful rhombus loader
7:51
46. Bounced ball effect
4:50
47. Butterfly specimen
10:33
48. Mosquito coil
9:24
49. Ice lolly
7:14
50. Newton's cradle
6:48
51. Radar scanning
5:53
52. Ring and spheres animation
6:31
53. Text fade loader
7:20
54. Chessboard
9:07
55. Sun, Earth and Moon Model
9:28
56. A programmer's life
4:05
57. Eyes in the dark
3:22
58. Parrot
9:35
59. Rainbow background text
2:38
60. Lego brick
10:25
61. Coffee pot
7:56
62. Steamer
8:49
63. Toaster
10:03
64. Soccer field
14:34
65. Swaying loader
5:57
66. Coffee machine
15:00
67. Lattice dots loader
7:34
68. Color cards
7:46
69. Throw the box
7:05
70. Wandered jelly monster
7:52
71. 8-shaped dancing loader
5:34
72. Bubble coloring button
6:05
73. Fox
10:21
74. MacBook Pro
7:41
75. Candle
10:21
76. Hey, Take it easy!(1)
12:16
77. Hey, Take it easy!(2)
10:42
78. Wavy flag
3:59
79. Windows boot screen
7:50
80. McDonald's logo
3:42
81. Bicycle wheel
6:04
82. Swapping colors rotating animation
6:44
83. Bouncing letter i
4:19
84. A ball climbing the stairs
9:21
85. Need for speed loader
4:13
86. Bouncing ball
4:28
87. Rotating squares
4:20
88. Refrigerator
11:35
89. Burning flame
9:16
90. Spiral arms particles animation
11:23
91. Endless hexagonal space
10:40
92. Train loader
10:41
93. Saturn
7:18
94. Lightning cable
13:16
95. Polaroid camera
12:03
96. Rotating worm
7:54
97. Spacecraft
18:06
98. Swagger dots
8:04
99. Pig in angry birds
16:12
100. Roller coaster loader
9:45
101. Shimmering neon text
6:19
102. Pendulums
7:35
103. Little buddha
9:48
104. Surveillance eye
4:53
105. Truck loader
12:03
106. Moon rabbit
16:16
107. Animation with no dom
4:34
108. Monocular monster
13:11
109. Black and white overlap animation
9:26
110. Say "LOVE" in different languages
9:04
111. Black bomb in angry birds
15:09
112. A simple duck
3:35
113. Button hover effect
6:19
114. Racing car loader
13:06
115. Mix color loader
3:16
116. Lights with π digits
9:48
117. Online/offline detector
13:34
118. Red anger in angry birds
18:42
119. Hourglass loader
10:00
120. Draught beer (1)
10:12
121. Draught beer (2)
9:09
122. Tin foil cuted effect
4:44
123. Fishes swimming
14:27
124. Apple photos icon
5:37
125. Biplane
12:05
126. Origami cranes
9:33
127. A walking sad man
9:39
128. Button hover effect
6:02
129. Circle illusion
7:22
130. The goddess is coming
13:36
131. Stripe illusion
9:36
132. Google & googol
13:09
133. Scissors
8:37
134. Thinking hand
10:38
135. Continuous animation with GSAP
10:11
136. Sapling loader
8:57
137. Button hover effect
5:32
138. Colorful bar loader
5:36
139. Abstract water wave animation
5:54
140. iPhone Price Comparison Chart
14:35
141. Glowing particle animation
9:14
142. Text fade in effect
5:56
143. Puppy stamp
13:58
144. Rooster stamp
14:40
145. Squirrel stamp
13:06
146. Pattern animation
8:20
147. Power switch
10:00
148. Pulsation loader
5:16
149. Perspective button hover effect
5:11
150. Button hover effect
4:55
151. Polo mints animation
6:29
152. Pattern animation
7:54
153. Baymax
16:27
154. Black dots Illusion
1:42
155. Emoji tooltips
12:46
156. Giddy animation
7:26
157. Balloon
9:42
158. Airplane window toggle
12:49
159. Chessboard illusion
2:55
160. Umbrella toggle
11:12
161. Apple devices slide show - 1
12:34
162. Apple devices slide show - 2
8:49
163. Opening popup animation
11:52
164. Chaplin
7:52
165. Github user cards(1)
11:46
166. Github user card(2)
11:22
167. Which face is the animal's?(1)
7:28
168. Which face is the animal's?(2)
8:00
169. Which face is the animal's?(3)
9:58
170. Sudoku Training(1)
14:44
171. Sudoku Training(2)
16:41
172. Sudoku Training(3)
6:29
173. Sudoku Training(4)
10:32
174. Arithmetic Trainer(1)
9:38
175. Arithmetic Trainer(2)
9:18
176. Arithmetic Trainer(3)
9:34
177. Safari Logo
10:03
178. Two Hearts
5:59
179. OO Words
13:26
180. Numeronym Animation (1)
7:27
181. Numeronym Animation (2)
7:34

HomePlans & PricingGift membershipTeacher talent program

Community

Explore the communityPodcastYouTubeGet Scrimba emails

Courses

All courses Self-paced BootcampFree coursesPro courses

Company

About usSupport centerTermsPrivacy

Built with Imba