
Learn CSS Transition and Animation
Do you know js/ 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
Things You'll 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
Who should take this course?
- 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
Do you know js/ 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
Things You'll 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
Who should take this course?
- 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
About the 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 .
Course content
Section 1:Introduction | ||||
1 | Introduction | Preview | 1分50秒 | |
2 | What is CSS Transition and Animation | Preview | 3分18秒 | |
3 | Browser Support for Transition and Animation | Preview | 5分0秒 | |
Section 2:Transition | ||||
4 | Transition Property | 1分55秒 | ||
5 | Transition Duration | 1分56秒 | ||
6 | Transition Timing Function | 2分58秒 | ||
7 | Transition Delay | 1分57秒 | ||
8 | Transition Shorthand | 2分1秒 | ||
9 | Transition Example | 6分3秒 | ||
Section 3:Animation | ||||
10 | Keyframes | 4分56秒 | ||
11 | Animation Name | 3分34秒 | ||
12 | Animation Duration | 2分51秒 | ||
13 | Animation Iteration Count | 2分25秒 | ||
14 | Animation Timing Function | 2分19秒 | ||
15 | Animation Delay | 2分36秒 | ||
16 | Animation Direction | 4分38秒 | ||
Section 4:Project : Creating an Animated Banner in CSS | ||||
17 | Project Creating Animated Banner in CSS | 16分42秒 | ||
Section 5:Source Codes | ||||
18 | "Transition Basic Example"&"Animated Banner in CSS" Source COde | 1分0秒 |