elephant #dailycssimages

by yidaoj

HTML

<body>
	<div class="container">

		<div class="tail">
			<div class="dot"></div>
		</div>

		<div class="body">	
			<div class="leg"></div>
			<div class="leg right"></div>
			
		</div>
		
			<div class="nose">				
				<div class="inner">
					<div class="cut"></div>
				</div>
		</div>

		<div class="head">
			<div class="ear"></div>
			<div class="eye">
				<div class="inner-eye"></div>
			</div>			
		</div>

	</div>

</body>

CSS

body {
	background-color: #CEE3F6;
}

.container,
.tail, .body, .head, .nose {
	position: absolute;
}

.container {
	/*background-color: white;*/
	margin:auto;
	top: 0px;
	bottom: 0;
	left: 0;
	right: 0;
	width: 300px;
	height: 200px;
}

.tail {
	left: 0px;
	height: 10px;
	width: 50px;
	border-radius: 100%;
	background-color: #BDBDBD;
	margin-top: 100px;
	-webkit-transform:rotate(-60deg);
}

.dot {
	position: relative;
	margin-left: -8px;
	margin-top: -5px;
	height: 25px;
	width: 25px;
	border-radius: 100%;
	background-color: #BDBDBD;
}



.body {
	margin-top: 30px;
	margin-left: 30px;
	height: 120px;
	width: 140px;
	background-color: #BDBDBD;
	border-radius: 100%;
}

.leg {
	height: 80px;
	width: 48px;
	margin-top: 65px;
	margin-left: 4px;
	border-radius: 12px;
	top: 100px;
	background-color: #BDBDBD;
}

.right {
	-webkit-transform:translateX(80px);
	margin-top: -80px;
	margin-left: 10px;
}

.head {
	top: 20px;
	left: 110px;
	height: 130px;
	width: 130px;
	border-radius: 100%;
	background-color: #BDBDBD;
}

.ear {
	margin-top: 2px;
	margin-left: -5px;
	height: 100px;
	width: 75px;
	border-radius: 100%;
	background-color: #D8D8D8;
	-webkit-transform:rotate(25deg);	
}

.eye {
	position: relative;
	width: 25px;
	height: 25px;
	left: 90px;
	top: -25px;
	border-radius: 100%;
	background-color: #2E2E2E;
}

.inner-eye {
	position: relative;
	width: 15px;
	height: 15px;
	left: 2px;
	top: 1px;
	border-radius: 100%;
	background-color: white;
}

.nose {
	width: 115px;
	height: 115px;
	margin-top: 0px;
	margin-left: 170px;
	border-radius: 100%;
	background-color: #BDBDBD;
	/*z-index: -1;*/
}

.inner {
	position: relative;
	left: 16px;
	top: 10px;
	width: 70px;
	height: 70px;
	border-radius: 80%;
	background-color: #CEE3F6;
}

.cut {
	width: 20px;
	height: 30px;
	margin-left: -5px;
	border-radius: 60%;
	background-color: #CEE3F6;

}