- Overview
- Transcript
1.1 Welcome to the Course
In this short course, we’re going to practice some really useful CSS animation. More specifically, we’re going build six small but practical projects that use CSS animations. Hopefully, you’ll be able to grab some of the skills we cover and apply them in your own web projects.
We’re going to use pure CSS in these projects, although some will contain a tiny bit of JavaScript. Without further ado, let’s begin.
Related Links
1.Introduction1 lesson, 01:07
1 lesson, 01:07
1.1Welcome to the Course01:07
1.1
Welcome to the Course
01:07
2.The Projects6 lessons, 1:05:33
6 lessons, 1:05:33
2.1Toggle Slider Checkbox09:26
2.1
Toggle Slider Checkbox
09:26
2.2SVG Page Loader09:32
2.2
SVG Page Loader
09:32
2.3Card Notification12:18
2.3
Card Notification
12:18
2.4Scrolling Mouse Animation09:07
2.4
Scrolling Mouse Animation
09:07
2.5Hamburger Menu Icon to Cross10:24
2.5
Hamburger Menu Icon to Cross
10:24
2.6Full-Screen Navigation Overlay14:46
2.6
Full-Screen Navigation Overlay
14:46
Adi Purdila is a web design instructor for Tuts+. With over 100 courses and 200 tutorials published to date, Adi's goal is to help students become better web designers and developers by creating content that’s easy to follow and offers great value.
Being self-taught himself, Adi strongly believes that constant learning (academic or otherwise) is the only way to move forward and achieve your goals.
When not typing away at his keyboard, he loves woodworking and caring for his ever-growing family of rescue pets.
You can stay up to date with what he's doing by following him on social media or visiting his website at adipurdila.com.