Learn CSS Transition and Animation

Learn CSS Transition and Animation with examples and finally we will create an animated banner in Css
4.4 (25 ratings) Instead of using a simple lifetime average, Udemy calculates a
course's star rating by considering a number of different factors
such as the number of ratings, the age of ratings, and the
likelihood of fraudulent ratings.
3,712 students enrolled
$100
Take This Course
  • Lectures 20
  • Contents Video: 1 hour
    Other: 1 min
  • Skill Level All Levels
  • Languages English
  • Includes Lifetime access
    30 day money back guarantee!
    Available on iOS and Android
    Certificate of Completion
Wishlisted Wishlist

How taking a course works

Discover

Find online courses made by experts from around the world.

Learn

Take your courses with you and learn anywhere, anytime.

Master

Learn and practice real-world skills and achieve your goals.

About This Course

Published 5/2015 English

Course Description

=============== Over 2000 Happy students =============

Reviews :

Thanx for this usefull information and clear explanation!

This teacher clearly explains what CSS-Animation is and how to set the properties. Step by step .. so you can apply it yourself.

Very Nice And Detailed

This course gives the knowledge from grounding to a good level in various topics. Thank you other.

Quick basics

Good for those who need to jump start CSS3 transition and animation basics.

===================================================================

Do you know javascript / jquery animations are outdated nowadays as it takes much time for page loading and also mobile devices comes into play.

Do you want to increase the standard of your projects by including Css Transitions and Animations like fading in / fading out /sliding in / sliding out

Aren't you taking advantage of Modern browsers solution which comes up with Css Transition and Animation.

So, Learn Css Transition and Animation with examples and finally we will create an animated banner in Css.

We will cover the followings :

  • Css Transition and Animation
  • Exploring all the CSS properties of Transition and Animation
  • How to create cool effects using transition and animation
  • Creating Animated Banner in Css

In just 1-2 hours , you will know how to do cool effects using Css Transition and Animation

What are the requirements?

  • Basic Html structuring and Css Basics

What am I going to get from this course?

  • Learn Css Transition and Animation
  • You will learn all the CSS properties of Transition and Animation
  • You will be able to create cool Transition and Animation Effects
  • You will be able to create Animated Banner in Css

What is the target audience?

  • If you want to create cool transition and animation effects , this course is for you
  • If you want to create animated banner in Css , you would love this course
  • If you want to increase the standard of your project , by adding some cool transition effect using css , this course is for you
  • This is a coding course and hence its not a design course

What you get with this course?

Not for you? No problem.
30 day money back guarantee.

Forever yours.
Lifetime access.

Learn on the go.
Desktop, iOS and Android.

Get rewarded.
Certificate of completion.

Curriculum

Section 1: Introduction
01:50

In this Course , you will learn about Css Transition and Animation , and finally we will create an animated Banner in Css

Join this Facebook Group
Article
03:18

In this lecture , you will learn , what is transition and animation

05:00

In this lecture , we will see the browser support for Transition and Animation

Section 2: Transition
01:55

In this lecture , we will explore transition property

01:56

In this lecture , we will explore transition duration

02:58
In this lecture , we will explore transition Timing Function
01:57
In this lecture , we will explore transition delay


02:01
In this lecture , we will explore how to write transition syntax in shorthand
06:03
In this lecture , we will explore basic example of transition
Section 3: Animation
04:56
In this lecture , we will explore Keyframes
03:34
In this lecture , we will explore animation name
02:51
In this lecture , we will explore animation duration
02:25
In this lecture , we will explore animation iteration count
02:19

In this lecture , we will explore animation timing function

02:36
In this lecture , we will explore animation delay
04:38
In this lecture , we will explore animation direction
Section 4: Project : Creating an Animated Banner in Css
16:42

In this Project , we will create an animated banner in Css

Section 5: Source Codes
Source Code for "Transition Basic Example"
Article
Source Code for "Animated Banner in CSS"
Article

Students Who Viewed This Course Also Viewed

  • Loading
  • Loading
  • Loading

Instructor Biography

Supriyo Kundu, Web Developer & Graphic Designer, 17000+ Students Instructor

Hi ,

My name is Supriyo . I am a Computer Science Engineer .
I have equal passion for both Programming and Designing.
I have designed Websites , Business Cards , Banners and also have experience in PSD to Html/Css , PHP , Wordpress.

I help students to grow their Design and Programming skills , be it Design Effects or Retouching or Photo Manipulation or Website Design (Design and coding both) etc .

Currently , My courses have over 17000 Awesome Students and they also love me :)

Ready to start learning?
Take This Course