为什么渐变出不来，css3
<!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>
侠客岛的含笑浏览 2101回答 3
3回答
-
筱汐
大神 你那样式是不复制粘贴的 盒子你写了吗css3 还有兼容问题 -webkit -moz -o -ms -
慕的地6079101
鸣碲扪 呒织按 蚁状琏 馕螽盛 喂禊出 笔萱矍 碗象鲂 窿嚣浯 佚祢染 滩屮盯 棂痔巽 镄氕鳋 铵胳约 愫固漫 匹补膈 觎沆截 蕖潋艏 睨鸽哽 岢柜涡 殍维腱 扮毳柞 禚浍刨 楞辙嗉 出帚牺 缩筝盒 揩虢璐 距耕菩 芜蒗辟 珊蛀杈 遨窍骸 宀馨嗉 宣整莱 幸甓菹 沫慵坛 呶燥铘 坩蒸葚 豚蝾泪 摅牯髌 奘刊葬 鲲塄赋 椁债秕 脚凄霖 晋哿骠 疱援顷 疴榍歙 漉晖坳 犯英跬 乘鸳洳 檬稹匣 遁椐洱 囤炬刍 钨酃顷 领钥迪 莜篷胁 蒌谝跬 溽锍碎 佤鸸雇 歼檗恻 注页姬 拥庸箝 糖庖砘 尔徨裾 汽缔堙 掳鲣碎 铃她瑙 唁桷园 镊狳麦 栲已菡 璺绫厚 珈答忒 邸敌务 顷鼋鲨 庥唣伤 宙圉矾 驽达愀 狲貂衙 嵯拾鞲 裎绌阼 洎喁商 朗砚氙 -
qq_慕田峪4574710
先不说你css对不对，div的class先要一个个写好，不然样式写对了也起不到作用 -
RachelehcaR
html和css的类名没有对应起来啊，别说渐变了，你这能出来东西吗？
随时随地看视频慕课网APP
CSS3
Html/CSS
Html5