老师，麻烦检查下
来源：2-8 编程练习
慕的地9442344
2020-09-09 09:40:51
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>2-3</title>
<style type="text/css">
.container{
width:600px;
height:400px;
margin:0 auto;
background-color:red;
position:relative;
}
.star{
width:0;
height:0;
border-top:30px solid yellow;
border-left:50px solid transparent;
border-right:50px solid transparent;
position:absolute;
top:80px;
left:40px;
}
.star::before,
.star::after{
content:"";
display:block;
width:0;
height:0;
border-top:30px solid yellow;
border-left:50px solid transparent;
border-right:50px solid transparent;
}
.star::before{
transform:rotate(75deg);
position:absolute;
left:-50px;
top:-30px;
}
.star::after{
transform:rotate(-72deg);
position:absolute;
left:-50px;
top:-30px;
}
.one{transform:translate(100px,-70px)scale(0.3)
rotate(30deg)
}
.two{transform:translate(150px,-35px)scale(0.3)
rotate(60deg)
}
.three{transform:translate(150px,35px)scale(0.3)
}
.four{
transform:translate(100px,70px)scale(0.3)rotate(120deg);
}
</style>
</head>
<body>
<div class="container">
<div class="star"></div>
<div class="star one"></div>
<div class="star two"></div>
<div class="star three"></div>
<div class="star four"></div>
</div>
</body>
</html>
1回答
-
好帮手慕码
2020-09-09
同学你好，代码实现的是正确的。继续加油，祝学习愉快~
0
相似问题