Tailwind CSS Animation Crash Course | 35 Minutes | 2+1 Projects
In this tailwind crash course, we'll be going over how to animate, using keyframes and tailwind config. There won't be an external CSS file included.
Finished Code:
https://wolfdencode.netlify.app/proje...
Tailwind Docs Used:
https://tailwindcss.com/docs/installa...
https://tailwindcss.com/docs/animation
https://tailwindcss.com/docs/backgrou...
https://tailwindcss.com/docs/gradient...
https://tailwindcss.com/docs/position
Timestamps:
0:00 What We'll Be Building
1:00 Creating Files
2:00 Tailwind Body Styling
4:20 Div Row Styling
4:45 Box Styling
5:25 SimpleColor Animation
9:35 Gradient Animation
13:10 Shake Animation
14:20 Movement Animation
15:30 Pulse Animation
16:30 Shape Animation
17:40 Polygon Project Start
19:00 Polygon Basic Styling
20:20 Polygon Slide Animation
22:40 Polygon Text Setup
25:40 Polygon Text Animation
26:30 Cube Project Start
27:35 Cube Gradient Animation
28:10 Cube Creation / Positioning
30:20 Cube Rotating Animation
32:10 Cube Text Animation
33:30 Thanks For Watching!
Check out our website:
https://wolfdencode.netlify.app
Social Media:
Github - https://github.com/WolfDenCode
Twitter - / wolfdencode
#coding #webdevelopment #html #css #code