<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
/*css document*/
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,p,input,select,textarea,form{margin: 0; padding: 0;}
body{font:14px/1.5 "宋体";}
img{border:none;}
ul,ol{list-style:none;}
input,select,textarea{outline:none;border:none;background:none;}
textarea{resize:none;}
a{text-decoration:none;display:block;}
@keyframes rond {
0% {transform : rotate(0deg);}
100% {transform : rotate(360deg);}
}
.div_all{
width: 800px;
height: 800px;
position: absolute;
top: 220px;
left: 600px;
}
.div1{
width: 200px;
height:200px;
border-radius: 50%;
background-color: radial-gradient(circle, #00FFC4, #00F7FF,#00CEFF,#0F00FF);
}
.div2{
width: 150px;
height:150px;
border-radius: 50%;
background-color: radial-gradient(circle, #FFF200, #B4FF00,#FFFFFF);
position: absolute;
top: 25px;
left: 25px;
}
.div3{
width: 100px;
height:100px;
border-radius: 50%;
background:radial-gradient(circle, #f00, #ff0, #080);
position: absolute;
top: 25px;
left: 25px;
animation-iteration-count: infinite; /*无限播放*/
animation-timing-function: linear;
}
.div4{
width: 20px;
height: 200px;
background-color: #F6E50C;
position: absolute;
top: 150px;
left: 90px;
z-index: -1;
}
</style>
</head>
<body>
<div>
<div></div>
<div><div><div></div></div></div>
</div>
</body>
</html>
3 回答
慕的地6079101
TA贡献3593条经验 获得超0个赞
鸣碲扪
呒织按
蚁状琏
馕螽盛
喂禊出
笔萱矍
碗象鲂
窿嚣浯
佚祢染
滩屮盯
棂痔巽
镄氕鳋
铵胳约
愫固漫
匹补膈
觎沆截
蕖潋艏
睨鸽哽
岢柜涡
殍维腱
扮毳柞
禚浍刨
楞辙嗉
出帚牺
缩筝盒
揩虢璐
距耕菩
芜蒗辟
珊蛀杈
遨窍骸
宀馨嗉
宣整莱
幸甓菹
沫慵坛
呶燥铘
坩蒸葚
豚蝾泪
摅牯髌
奘刊葬
鲲塄赋
椁债秕
脚凄霖
晋哿骠
疱援顷
疴榍歙
漉晖坳
犯英跬
乘鸳洳
檬稹匣
遁椐洱
囤炬刍
钨酃顷
领钥迪
莜篷胁
蒌谝跬
溽锍碎
佤鸸雇
歼檗恻
注页姬
拥庸箝
糖庖砘
尔徨裾
汽缔堙
掳鲣碎
铃她瑙
唁桷园
镊狳麦
栲已菡
璺绫厚
珈答忒
邸敌务
顷鼋鲨
庥唣伤
宙圉矾
驽达愀
狲貂衙
嵯拾鞲
裎绌阼
洎喁商
朗砚氙
- 3 回答
- 0 关注
- 2100 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消