CSS

transition

För muspekaren över bilden.


<div style="height:100px;"><img class="animate" src="/./images/jojoxx-logo.png" /></div>
För muspekaren över bilden.
<style type="text/css">.animate{
width:100px;
height:100px;
position:absolute;
margin:5px;
transition-property:width,height,transform,opacity;
transition-duration:1s,1s,1s,1s;
opacity:0.6;
}
.animate:hover{
transform: rotate(360deg);
opacity:1;
width:200px;
height:200px;
}
</style>

Syntax

transition: värde fördröjning;

Value	Description
transition	En samlingsegenskap för alla 4 transitionvärden.
transition-property	Anger vilken/vilka CSS-egenskaper som skall ändras.
transition-duration	Anger tiden för övergångseffekten.
transition-timing-function	Anger vilken övergångsfunktion som skall användas. Default är "ease".
transition-delay	Anger fördröjning innan övergångeffekten skall starta. Default är 0.