Learn CSS Transition and Animation
4.3 (27 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,751 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Learn CSS Transition and Animation to your Wishlist.

Add to Wishlist

Learn CSS Transition and Animation

Learn CSS Transition and Animation with examples and finally we will create an animated banner in Css
4.3 (27 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,751 students enrolled
Created by Supriyo Kundu
Last updated 5/2015
English
Current price: $10 Original price: $100 Discount: 90% off
1 day left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1 hour on-demand video
  • 3 Articles
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • 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
View Curriculum
Requirements
  • Basic Html structuring and Css Basics
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

Who 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
Students Who Viewed This Course Also Viewed
Curriculum For This Course
Expand All 20 Lectures Collapse All 20 Lectures 01:08:23
+
Introduction
4 Lectures 10:13

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

Preview 01:50

Join this Facebook Group
00:05

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

Preview 03:18

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

Preview 05:00
+
Transition
6 Lectures 16:50

In this lecture , we will explore transition property

Transition Property
01:55

In this lecture , we will explore transition duration

Transition Duration
01:56

In this lecture , we will explore transition Timing Function
Transition Timing Function
02:58

In this lecture , we will explore transition delay


Transition Delay
01:57

In this lecture , we will explore how to write transition syntax in shorthand
Transition Shorthand
02:01

In this lecture , we will explore basic example of transition
Transition Example
06:03
+
Animation
7 Lectures 23:19
In this lecture , we will explore Keyframes
Keyframes
04:56

In this lecture , we will explore animation name
Animation name
03:34

In this lecture , we will explore animation duration
Animation Duration
02:51

In this lecture , we will explore animation iteration count
Animation Iteration Count
02:25

In this lecture , we will explore animation timing function

Animation Timing Function
02:19

In this lecture , we will explore animation delay
Animation Delay
02:36

In this lecture , we will explore animation direction
Animation Direction
04:38
+
Project : Creating an Animated Banner in Css
1 Lecture 16:42

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

Project : Creating an Animated Banner in Css
16:42
+
Source Codes
2 Lectures 01:19
Source Code for "Transition Basic Example"
00:20

Source Code for "Animated Banner in CSS"
00:59
About the Instructor
Supriyo Kundu
4.3 Average rating
656 Reviews
19,608 Students
12 Courses
Web Developer & Graphic Designer, 19000+ 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 Animations or Website Design (Design and coding both) etc .

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