为什么我添加的after和before都没有转？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.flag{width: 300px;
height:200px;background:red;}
div[class^="star"]{border-top: 20px solid yellow;
border-right: 60px solid transparent;
border-left: 60px solid transparent;
width: 0px;
height: 0px;position: relative;}
div[class^="star"]::after{border-top: 20px solid yellow;
border-right: 60px solid transparent;
border-left: 60px solid transparent;
width: 0px;
height: 0px;transform:rotate(120deg);position: absolute;}
div[class^="star"]::before{border-top: 20px solid yellow;
border-right: 60px solid transparent;
border-left: 60px solid transparent;
width: 0px;
height: 0px;transform: rotate(240deg);position: absolute;}
</style>
</head>
<body>
<div class="flag">
<div class="star1"></div>
<div class="star2"></div>
<div class="star3"></div>
<div class="star4"></div>
<div class="star5"></div>
</div>
</body>
</html>1
收起
正在回答 回答被采纳积分+1
2回答
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星