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
Watch video Tailwind CSS Animation Crash Course | 35 Minutes | 2+1 Projects online without registration, duration hours minute second in high quality. This video was added by user WolfDenCode 11 June 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 772 once and liked it 24 people.