CSS:用边框画三角形

2018-04-27  本文已影响36人  Andy丶Go

通过border属性可以画出一个三角形,代码如下:

<!DOCTYPE html>
<head>
    <meta charset=UTF-8">
    <title>Document</title>
    <style type="text/css">
        div{
            width: 0px;
            height: 0px;
            border: 30px solid transparent;
            border-bottom: none;
            border-top-color:blue;
            transition:all 1s ease 0s;
        }
        div:hover{
            transform:rotate(180deg);
        }
    </style>
</head>
<body>
    <div></div>
</body>
</html> 
上一篇下一篇

猜你喜欢

热点阅读