Name: [Download Now] Donovan Hutchinson - Level Up your CSS Animation Skills
Availability: InStock
Rating: 4.89 (5 reviews)

[Download Now] Donovan Hutchinson – Level Up your CSS Animation Skills

PLEASE CHECK ALL CONTENTS HERE: WATCH HERE!

Salepage : Donovan Hutchinson – Level Up your CSS Animation Skills

SORRY FOLKS! I’ve moved away from the Teachable platform, and hosting my course on Udemy now. You can find the course here with a discount -> Level up your CSS animation skills!

You want to delight and amaze your visitors, and make your websites stand out from the rest. You want to use animation not just to wow, but also to help make your sites more useful, polished and professional. You’re already creating websites but you want to take your knowledge to the next level.

This is the course for you. As a web site or app creator, this course will give you the practical tools you need to bring animation to your projects.

You will get over 4 hours of high quality video lessons, lifetime access to all video content, cheatsheets and guides, and even online support and help from the author himself.

Learn how to:

Create an amazing animated hero header
Bring your UI to life with hover, touch and button animations
Wow your visitors with scroll and parallax animations
Build your very own animated carousel
Adjust animations to fit all sizes of devices and browsers
Optimise your CSS animations for reuse and size
Each with fun examples you can follow along, step by step

This is a video course full of real downloadable code examples. You’ll be able to take the knowledge, as well as the real working code, to your projects and make sure they stand out.

Course Curriculum

Module 1: Build an animated hero header

Preview

Hero header? (2:36)
Preview

Animating the background (12:56)
Preview

Introducing the titles (9:59)
Start

Adding a scroll cue (8:26)
Start

Simplifying keyframes (5:20)
Start

Waiting till the content is ready (8:43)
Preview

Examples to download (1:02)
Start
[Bonus download] How to build your own Hero Header

Module 2: Make our designs feel alive with touch and hover animations

Preview

Touch and hover animations (1:38)
Start

Animating links (12:26)
Start

Animating tooltips (11:11)
Start

Revealing content on hover (11:38)
Start

Animating buttons (8:59)
Preview

Examples to download (1:02)

Module 3: Grabbing attention with scroll animations

Preview

Scroll animations (1:50)
Start

Animating content on scroll (14:52)
Start

Animating a slide-in banner (6:17)
Start

Parallax scrolling (10:57)
Start

Mouse-leave animation (10:40)
Preview

Examples to download (1:02)

Module 4: Build an animated carousel

Preview

Carousels (1:49)
Start

Carousel HTML (6:36)
Start

Carousel CSS (12:41)
Start

Setting up JavaScript (9:59)
Start

Making it work (16:12)
Start

Finishing touches (6:40)
Start

Examples to download (1:00)

Module 5: Adjusting animations for all screen sizes

Preview

Responsive animations (1:43)
Start

Resizing animations using font-size (8:50)
Start

Percentages and viewport units (6:01)
Start

Landscape vs portrait (6:39)

Congratulations! (plus bonus links and resources)

Start

Next steps and inspiration
Start

Thanks, and stay in touch!

Delivery Method

– After your purchase, you’ll see a View your orders link which goes to the Downloads page. Here, you can download all the files associated with your order.
– Downloads are available once your payment is confirmed, we’ll also send you a download notification email separate from any transaction notification emails you receive from IMCourse.net.
– Since it is a digital copy, our suggestion is to download and save it to your hard drive. In case the link is broken for any reason, please contact us and we will resend the new download link.
– If you cannot find the download link, please don’t worry about that. We will update and notify you as soon as possible at 8:00 AM – 8:00 PM (UTC+8).

Thank You For Shopping With Us!