CSS3 transition effect of the element slowly from one style to another style change. work charge of the animation matching pair of. Animation is used in addition to, but it’s a lot more work. Effect of transition to a user interface is very important. Almost all the major browsers support CSS3 transition effect support.
1. Css properties that the effect will be determined or fixed.
2.effect to determine its duration.
The property has four css3 transition effect.
Internet Explorer does not yet support this property.
Transition Property firfox to support the need for the prefix-moz.
For Chrome and Safari requires the prefix-webkit.
Opera for the transition property support is needed to prefex-O-.
CSS3 transition property :
CSS3 transition property to determine the following syntax can be used.
How long does it take to determine what effect the transition of the transition-Duration is used. Second millisecond or determining the length of the time have arranged.
What style transition will be implemented throughout the duration of the transition as well as Transition-duration Transition-timing-function is used to determine. Previously defined function, or it can be customized by using cubic process.
The transitions between the start and end of the transition period between the time is used to determine the Transition-delay. The negative values can be used.
Multiple style transition effects to add multiple properties to add, separated by comma. At Begin of transition is used to determine the properties of the transition.
Given the effects of the transition shorthand or a property can be used as a transition.
Examples of the small size of the effect on the images of large size provide
Width properties transition effect, duration: 2 seconds.
Note: If you do not determine the stability of the transition period will be no effect because the default value of 0. If you do not change the value of specific CSS properties as well as the effect will not start running.
Browser to open the file if the mouse pointer over the css property of the element is changed as follows. When the mouse cursor away from the image or object if the object has changed his style goes back to Oldest.
Below the picture of the effect by placing the mouse hover provide
Result: The browser displays the image in another image if the mouse pointer will appear.