Html
    Css
    Js

    
                        
body {
	margin:0;
	padding:0
}
#ballDiv {
	position:fixed;
	top:0;
	left:0
}
.balloon {
	width:150px;
	height:150px;
	position:absolute;
	left:0;
	top:0;
	background-color:#f3778d;
	border-radius:50% 50% 10% 50%;
	transform:rotate(45deg);
	box-shadow:1px 1px 20px 20px pink inset;
	z-index:10
}
.balloon:after {
	width:20px;
	height:20px;
	content:"";
	display:block;
	background:0 0;
	position:absolute;
	right:-15px;
	bottom:-15px;
	border-left:5px solid pink;
	border-top:5px solid pink
}
.balloon:before {
	width:2px;
	height:50px;
	content:"";
	display:block;
	background:pink;
	position:absolute;
	right:-10px;
	top:100%;
	margin-top:-16px;
	transform:rotate(-45deg)
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

气球大战小游戏

0