My question is whether it is possible to have 2 different CSS3 transitions operating on the same DIV? I'd like to be able to have a rotate and increase in scale on hover (as per the code below) but then when the hover is released for the div to just scale back, without rotating, to its original size.
#listitem ul li {
float: left;
margin: 0 15px 0 15px;
padding: 0;
}
#listitem ul li:hover{
-webkit-transform: rotate(720deg) scale(1.5);
-moz-transform: rotate(720deg) scale(1.5);
-ms-transform: rotate(720deg) scale(1.5);
-o-transform: rotate(720deg) scale(1.5);
transform: rotate(720deg) scale(1.5);
}
It may not be possible due to how to treat the DIV when it is partially rotated.
Thanks Mike