Learn CSS Transition and Animation (Project Included : Animated Banner)

Supriyo Kundu, Web Developer and Graphics Designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
17 Videos (1h 6m)
    • Learn CSS Transition and Animation

      1:17
    • 2 What is Transition and Animation

      3:18
    • 3 Browser Support for Transition and Animation

      5:00
    • 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:01
    • 9 Transition Example

      6:03
    • 10 Animation 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
    • 17 Project Creating Animated banner in CSS

      16:41

About This Class

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

9

Students

--

Projects

0

Reviews (0)

Supriyo Kundu

Web Developer and Graphics Designer

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