CSS3实现hover旋转

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <style>

        * {

            padding: 0;

            margin: 0;

            list-style: none;

        }

 

        div {

            width: 0px;

            height: 0px;

            border-left: 10px dashed #fff;

            border-top: 10px solid red;

            border-right: 10px dashed #fff;

 

        }

        div:hover {

            transform:rotate(180deg);

        }

    </style>

</head>

<body>

    <div></div>

</body>

</html>

 

posted on 2013-10-25 15:53  柠檬味红茶  阅读(1197)  评论(0)    收藏  举报

导航