<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
.fc {
border: 1px solid red;
width: 400px;
height: 400px;
margin-top: 100px;
position: absolute;
z-index: 1;
overflow: hidden;
animation: sport 18s linear 0s infinite normal;
}
@keyframes sport{
form{
transform: rotateZ(0deg);
}to{
transform: rotateZ(360deg);
.s1 {
width: 200px;
height: 100px;
background-color: red;
border-radius: 200px 200px 0 0;
position: relative;
left: 0;
top: 100px;
transform:translateY(-80px) rotateZ(45deg) ;
}
.s2 {
width: 200px;
height: 100px;
background-color: yellow;
border-radius: 0 0 200px 200px;
position: relative;
left: 200px;
top: 100px;
transform:translateY(80px) rotateZ(135deg) ;
}
.s3 {
width: 100px;
height: 200px;
background-color: orange;
border-radius: 0 200px 200px 0;
position: relative;
left: 200px;
top: -200px;
transform:translateY(80px) rotateZ(225deg) ;
}
.s4 {
width: 100px;
height: 200px;
background-color: darkcyan;
border-radius: 200px 0 0 200px;
position: relative;
left: 100px;
top: -200px;
transform:translateY(-80px) rotateZ(315deg) ;
}
#s5 {
width: 5px;
height: 400px;
background-color: gray;
border-radius: 10px;
left: 200px;
top: 300px;
position: relative;
}
</style>
<body>
<div class="fc">
<div class="s1"></div>
<div class="s2"></div>
<div class="s3"></div>
<div class="s4"></div>
</div>
<div id="s5"></div>
</body>
为什么我看不到我的图了,求解
- 写回答
- 好问题 0 提建议
- 追加酬金
- 关注问题
- 邀请回答
-
1条回答 默认 最新
- 土拨鼠1号 2021-12-03 15:26关注
少了两}}选择的IDE工具,应该都有代码提示或者纠错提醒的插件的,自己安装下
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 2无用
悬赏问题
- ¥15 c语言怎么用printf(“\b \b”)与getch()实现黑框里写入与删除?
- ¥20 怎么用dlib库的算法识别小麦病虫害
- ¥15 华为ensp模拟器中S5700交换机在配置过程中老是反复重启
- ¥15 java写代码遇到问题,求帮助
- ¥15 uniapp uview http 如何实现统一的请求异常信息提示?
- ¥15 有了解d3和topogram.js库的吗?有偿请教
- ¥100 任意维数的K均值聚类
- ¥15 stamps做sbas-insar,时序沉降图怎么画
- ¥15 买了个传感器,根据商家发的代码和步骤使用但是代码报错了不会改,有没有人可以看看
- ¥15 关于#Java#的问题,如何解决?