Tailwind CSS Animation Crash Course | 35 Minutes | 2+1 Projects

Published: 11 June 2024
on channel: WolfDenCode
772
24

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.