CSS 3 – Transitions & Animations
Transition properties allow elements to change values or behavior after a specified time, animating the property changes, rather than having them occur immediately. Just like when the mouse over to a menu item then it change color, background immediate. Now the same things will happen after a specific duration in seconds. Example

Hello User … place mouse here…

Here you will notice that the background color of the given div will take time of 5 seconds to change from red to green completely. For compatibility in all supporting browsers, vendor prefixes are required: -webkit-transition, -moz-transition, -o-transition, -ms-transition
69
Example 2

Transitions in CSS3

See how transition take effects on mouse over by speed 5seconds

70
Transition Timing The transition-timing-function property is used to set the speed in which a transition will move. A transition can have multiple speeds within a single duration. Few known properties are linear, ease-in, ease-out, and ease-in-out.

 For More Details  You may buy our book written by Hirdesh Bhardwaj from Pothi.com
author image

About admin

You Might Also Like...

New Input Attributes HTML5
Table Example in Bootstrap
php book written by indian author Hirdesh Bhardwaj

1 Comment

  1. I’ve been exploring for a bit for any high-quality articles or blog posts on this sort of house .
    Exploring in Yahoo I ultimately stumbled upon this site.
    Reading this information So i am happy to convey that I’ve an incredibly just right
    uncanny feeling I found out just what I needed.
    I such a lot surely will make certain to don?t omit this site and provides it a look regularly.

Leave a Reply

Your email address will not be published.

Enjoy the tutorial? Please spread the word :)

Follow by Email
Facebook
Facebook
Google+2k
Google+
http://hirdeshbhardwaj.com/2016/09/10/transitions-animations-in-css3
YouTube86
YouTube