Welcome to Vinlearn Comumnity!
  • Contact Us
  • Track Your Order
  • My Downloads
Select category
  • Select category
  • Business & Sales
  • Consulting
  • Copywriting
  • Economics & Finance
  • Everything Else
  • Fighting & Martial Arts
  • Food & Cooking
  • Forex & Trading
  • Hypnosis & NLP
  • Internet Marketing
  • IT & Technology
  • Languages & Accents
  • Law
  • Magic & Tricks
  • Management & Leadership
  • Medical & Health
  • Mindfulness & Meditation
  • Mindset & Achievement
  • Music
  • Personal Development
  • Photography
  • Psychology & Body Language
  • Real Estate
  • Seduction & Love
  • SEO & Design Website
  • Software & Tools
  • Spirituality & Religion
  • Sports & Fitness
  • Uncategorized
Login / Register
Wishlist
0 items $0.00
Menu
0 Wishlist
0 items $0.00
Login / Register
Sign inCreate an Account

Lost your password?

Browse Categories
  • Internet Marketing
    • Ecommerce
    • Copywriting
    • Software & Tools
    • SEO & Design Website
  • Business & Sales
    • Management & Leadership
    • Economics & Finance
    • Law
    • Consulting
  • Forex & Trading
  • Real Estate
  • Hypnosis & NLP
  • Personal Development
    • Spirituality & Religion
    • Mindfulness & Meditation
    • Mindset & Achievement
    • Mindset & Wisdom
    • Psychology & Body Language
    • Languages & Accents
  • Medical & Health
    • Fighting & Martial Arts
  • Sports & Fitness
  • Seduction & Love
  • IT & Technology
  • Photography
  • Music
  • Food & Cooking
  • Magic & Tricks
  • Everything Else
  • HOME
  • STORE
  • FAQs
  • Contact Us
  • MY ACCOUNT
    • My Orders
    • My Downloads
-77%
Level Up your CSS Animation Skills - Donovan Hutchinson
Click to enlarge
Home Everything Else Level Up your CSS Animation Skills – Donovan Hutchinson
Solo Historical Martial Arts Training Course - Guy Windsor
Solo Historical Martial Arts Training Course - Guy Windsor $600.00 Original price was: $600.00.$85.00Current price is: $85.00.
Back to products
Master Your Nonprofit Numbers - Stephanie Skryzowski
Master Your Nonprofit Numbers - Stephanie Skryzowski $497.00 Original price was: $497.00.$67.00Current price is: $67.00.

Level Up your CSS Animation Skills – Donovan Hutchinson

$149.00 Original price was: $149.00.$35.00Current price is: $35.00.

Instant Download Level Up your CSS Animation Skills – Donovan Hutchinson

Delivery method: After your purchase, you’ll get access to the downloads page. Here, you can download all the files associated with your order. We’ll also send a download notification email via your email.

Description
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.

30% COUPON CODE: VINLEARN
Compare
Add to wishlist
Category: Everything Else Tags: Donovan Hutchinson, Level Up your CSS Animation Skills, Level Up your CSS Animation Skills - Donovan Hutchinson
Share:
  • Description
  • Product Delivery
Description

Level Up your CSS Animation Skills – Donovan Hutchinson

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!

Salepage

PLEASE CHECK ALL CONTENTS HERE: