如何动态画出椭圆

<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
    *{ margin: 0; padding: 0; list-style: none;}
    .box{ 
        width:200px; 
        height: 200px; 
        border-radius: 50%; 
        border: 20px solid red;
        animation: bounce-down 1.2s linear infinite;
    }
    @-webkit-keyframes bounce-down {
        25% {-webkit-transform: rotateX(-90deg);}
        50%{-webkit-transform: rotateX(-60deg);}
        75% {-webkit-transform: rotateX(-30deg);}
        100%{-webkit-transform: rotateX(0deg);}
    }
    </style>
    
</head>
<body>
    <div class="box"></div>
</body>

</html>
简单写一个希望可以帮到你

撰写回答

你尚未登录，登录后可以

和开发者交流问题的细节
关注并接收问题和回答的更新提醒
参与内容的编辑和改进，让解决方法与时俱进

推荐问题

相似问题

找不到问题？创建新问题

如何动态画出椭圆

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

为什么在谷歌浏览器中 'a' == ['a'] 返回 true？

vue项目如何在初始化之前跳转外部页面？

js如何控制移动端overflow:scroll容器滑动的最大速度？

前端代码更新如何通知用户刷新页面？

纯css如何绘制一个无背景色有边框色，带有文字的倒等腰梯形？

css布局怎么保证右边一直在可视范围内？