A CodePen by Maik. Twitterrific's Menu in CSS

index.html

<div id="bg">
		<a href="http://buntepixel.org/" target="_blank"><img src="http://buntepixel.org/wp-content/themes/sophie/img/ich.jpg" align="left"></a>
		<div class="wrapper">
			<a class="btn" href="#">&#8962;</a>
			<a class="btn" href="#">&#128100;</a>
			<a class="btn" href="#">&#128256;</a>
		</div>
</div>

style.css

@font-face {
  font-family: 'entypo';
  src: 	local('entypo'),  
  		url('http://buntepixel.org/wp-content/themes/sophie/font/entypo.woff') format('woff'),
  		url('http://buntepixel.org/wp-content/themes/sophie/font/entypo.eot?') format('eot'),
  		url('http://buntepixel.org/wp-content/themes/sophie/font/entypo.ttf') format('truetype');
}

#bg {
	margin:auto;
	margin-top:10px;
	width:350px;
	height:85px;
	padding-top:15px;
}

#bg img {
	-webkit-border-radius: 30px;
	border-radius: 30px;
	width: 50px;
	margin-right: 1em;
	display: block;
}

.wrapper {
	border:1px solid #c0c0c0;
	margin:0.3em auto;
	max-width:212px;
	height:35px;
	border-radius:20px;
	background-color: #fafafa;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(250, 250, 250)), to(rgb(224, 224, 224)));
	background-image: -webkit-linear-gradient(top, rgb(250, 250, 250), rgb(224, 224, 224));
	background-image: -moz-linear-gradient(top, rgb(250, 250, 250), rgb(224, 224, 224));
	background-image: -o-linear-gradient(top, rgb(250, 250, 250), rgb(224, 224, 224));
	background-image: -ms-linear-gradient(top, rgb(250, 250, 250), rgb(224, 224, 224));
	background-image: linear-gradient(top, rgb(250, 250, 250), rgb(224, 224, 224));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#fafafa', EndColorStr='#e0e0e0');
}

.btn {
	width:50px;
	border-right: 1px solid #c0c0c0;
	height:35px;
	float:left;
	-webkit-transition:all 0.8s;
	text-decoration:none;
	font-size:34px;
	text-align:center;
	line-height:35px;
	color: #656565;
	background:none;
	padding: 0 10px;
  font-family: 'entypo';
}

.btn:first-child {
	border-radius:20px 0 0 20px;
}

.btn:last-child {
	border-right:none;
	border-radius:0 20px 20px 0;
}

.btn:hover {
	-webkit-transition:all 0.1s ease;
	-webkit-transition:all 0.2s;
	color:#222222;
	background:#d4d4d4;
}

.btn:active {
	color:#222222;
	font-size:30px;
	background:#d4d4d4;
	-webkit-transition:none 1s;
}