./paulOr

Eat bandwidth for breakfast!

CSS Reddit Alien

Posted on Mon 14th Jun 2010 · rand() · 5 Comments

image

I give up.

<style type="text/css">
* {
	border: 0px;
	padding: 0px;
	margin: 0px;
}
#wrapper {
	width: 500px;
	margin: 100px auto 20px auto;
}
#head {
	border: 10px solid #000000;
	-moz-border-radius: 1000px;
	min-height: 150px;
	width: 180px;
}
#eye1 {
	background-color: #fc4303;
	border: 10px solid #fc4303;
	width: 10px;
	height: 10px;
	-moz-border-radius: 1000px;
	margin: 40px 0 20px 30px;
	float: left;
}
#eye2 {
	background-color: #fc4303;
	border: 10px solid #fc4303;
	width: 10px;
	height: 10px;
	-moz-border-radius: 1000px;
	margin: 40px 0 20px 60px;
	float: left;
}
#mouth {
	border-bottom: 10px solid #000000;
	border-left: 10px solid #000000;
	border-right: 10px solid #000000;
	-moz-border-radius: 0 0 400px 400px;
	clear: both;
	width: 100px;
	margin: 0 0 0 30px;
	min-height: 15px;
}
#body {
	border-bottom: 10px solid #000000;
	border-left: 10px solid #000000;
	border-right: 10px solid #000000;
	clear: both;
	min-height: 200px;
	width: 130px;
	margin: -25px 0 0 25px;
	-moz-border-radius: 125px 125px 1000px 1000px;
	float: left;
}
#arm1 {
	float: left;
	border-left: 10px solid #000000;
	min-height: 80px;
	-moz-border-radius: 125px 125px 1000px 1000px;
}
</style>
	<div id="wrapper">
		<div id="ball"></div>
		<div id="bent">
		</div>
		<div id="spike">
		</div>
		<div id="head">
			<div id="eye1">
			</div>
			<div id="eye2">
			</div>
			<div id="mouth">
			</div>
		</div>
		<div id="arm1">
		</div>
		<div id="body">
		</div>
		<div id="arm2">
		</div>
	</div>

Shaun Walker

# Shaun Walker · Mon 14th Jun 2010

lmao, make it moar

Paul Fraser

# Paul Fraser · Mon 14th Jun 2010

I can'tz, my skill set is inferior!

Matthew James Taylor

# Matthew James Taylor · Mon 14th Jun 2010

I got a bit closer...
http://matthewjamestaylor.com/blog/css-reddit-alien

Paul Fraser

# Paul Fraser · Mon 14th Jun 2010

oh! your one looks good :D well done.

Shaun Walker

# Shaun Walker · Mon 14th Jun 2010

winner

 or Connect with Facebook

To the top!