老师麻烦看一下2-13的代码

来源：1-1 课程简介

拆以时记

2021-04-06 00:03:28

老师最终的效果怎么做都做不出来，问题在哪啊？

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <title>五星红旗</title>
    <style type="text/css">
        /* 此处写代码*/
        .guoqi {
            width: 600px;
            height: 400px;
            background: red;
            position: relative;
        }
        .stars,.stars::before,.stars::after {
            width: 0;
            height: 0;
            border-left: 65px solid transparent;
            border-right: 65px solid transparent;
            border-top: 65px solid yellow;
            position: absolute;
        }
        .stars {
            top: 80px;
            left: 40px;
        }
        .stars::before {
            transform: rotate(70deg);
        }
        .stars::after {
            transform: rotate(290deg);
        }
        .star2 {
            transform: scale(0.3) rotate(20deg);
            left: 150px;
            top: 20px;
        }
        .star3 {
            transform: scale(0.3) rotate(40deg);
            left: 190px;
            top: 60px;
        }
        .star4 {
            transform: scale(0.3) rotate(60deg);
            left: 190px;
            top:110px;
        }
        .star5 {
            transform: scale(0.3) rotate(80deg);
            left: 150px;
            top: 150px;
        }
    </style>
</head>
<body>
    <!-- 此处写代码 -->
    <div class="guoqi">
        <div class="star1 stars"></div>
        <div class="star2 stars"></div>
        <div class="star3 stars"></div>
        <div class="star4 stars"></div>
        <div class="star5 stars"></div>
    </div>
</body>
</html>