鼠标覆盖时小三角旋转效果

能用css实现的效果,尽可能用css,简单,性能也比较好。

用css3的transform实现

#site-nave .menu:hover .menu-hd{
    -webkit-transform: rotate(180deg);
    -webkit-transform-origin-x: 50%;
    -webkit-transform-origin-y: 30%;
    -moz-transform:rotate(180deg);
    -moz-transform-origin-x: 50%;
    -moz-transform-origin-y: 30%;
    -o-transform:rotate(180deg);
    -o-transform-origin-x: 50%;
    -o-transform-origin-y: 30%;
    -ms-transform:rotate(180deg);
    -ms-transform-origin-x: 50%;
    -ms-transform-origin-y: 30%;
}

results matching ""

    No results matching ""