球球显示不出来

maverick_panda CSS3 动画属性简介及弹球效... 最后由 adu1457 于2016年06月30日回复

  • 2 解决
  • 1.1k 浏览
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>BOUNCEBALLANIMATION</title>
<style>
.box{
width: 400px;
height: 300px;
border: 1px dodgerblue solid;
margin: 30px auto;
position: relative;
}
.box.ball{
width: 140px;
height: 140px;

border-radius:50%;
position: absolute;
top: 0;
left: 50%;
margin-left: -70px;
background: -webkit-linear-gradient(top,rosybrown,red);
}

</style>
</head>
<body>
<div class="box">
  • adu1457 2016年06月30日 回答 #2楼
  • .box.ball{}   这里不对,应该是.box .ball{}  box后面要有空格的

  • 0 评论