html - CSS3 RotateY finish when unhover -


here come code:

#body #body3 #big .item {     display: block;     -webkit-transition:all 1s ease-out;     -moz-transition:all 1s ease-out;     -ms-transition:all 1s ease-out;     -o-transition:all 1s ease-out;     transition:all 1s ease-out; }  #body #body3 #big .item:hover {     -webkit-transform:rotatey(360deg);     -moz-transform:rotatey(360deg);     -ms-transform:rotatey(360deg);     -o-transform:rotatey(360deg);     transform:rotatey(360deg); } 

the problem when hover on item, rotate come original state instantly when leave mouse out. how can make them finish 360 degree rotation when un-hover ?


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -