Interactive Web Design with CSS Animation & Transition

Bring life to your webpage and impress your users with CSS transition

   Watch Promo   Enroll in Course

With the CSS3 transition properties, it is possible and easy to add interactivity and enhance the user experience of your webpage by using CSS only. CSS3 transitions allows you to change property values smoothly over a given duration.

In this course, we will explore the different options of animation techniques that you can use to bring elegant animations and life to a webpage.

The course covers a range, from simple to complex, of demonstrations and examples that you can use in your own work or project to impress your audience.

The course also includes a challenge assignment as well as a final project to apply what you have learned and put all of it in practice.

Topics include:

  • The CSS transition fundamentals
  • The transition properties
    • transition-duration
    • transition-delay
    • transition-timing-function
  • Browser support and performance with the CSS vendor prefixes
  • A challenge assignment
  • Project : a portfolio page

You will learn how to:

  • Create smooth transition to animate property changes
  • Use the shorthand
  • Use the transition-timing-function to control the speed of the curve
  • Animate color changes
  • Fade elements in and out
  • Create multiple transition effects

By the end of the class, your will be able to use the concepts and examples presented to impress your audience with fancy animation effects.
if you are developer, you will know how to create nice animation effect with CSS.
if you are a designer, you will take your CSS skills to the next level and learn to add interactivity to a web page without jQuery
Join me in Interactive Web Design with CSS Animation & Transition to learn how to create an enhanced user experience and take your web design skills to the next level with CSS transition.


Your Instructor(s)


Sandy Ludosky
Sandy Ludosky

My name is Sandy. I am a freelance Web Designer and Developer based out of Toronto, in Ontario, Canada.

I specialize in Front-End development with HTML, CSS, CSS3 Animation, Sass, Javascript and JQuery.

I love creating beautiful, professional and user-friendly websites using the Adobe Creative Suite: Photoshop, Illustrator and Flash to name a few.

Also, I am keen on Web marketing, Web analytics, Visual Design, Video Editing, Photography and WordPress development.


Course Curriculum


  Introduction
Available in days
days after you enroll
  CSS Transition Fundamentals
Available in days
days after you enroll
  CSS Transition demonstrations
Available in days
days after you enroll

Frequently Asked Questions


When does the course start and finish?
The course starts now and never ends! It is a completely self-paced online course - you decide when you start and when you finish.
How long do I have access to the course?
How does lifetime access sound? After enrolling, you have unlimited access to this course for as long as you like - across any and all devices you own.
What if I am unhappy with the course?
We would never want you to be unhappy! If you are unsatisfied with your purchase, contact us in the first 30 days and we will give you a full refund.