March 6, 2009

davidkaneda:

Image-free CSS Tooltips, very interesting: http://tinyurl.com/bjl5xa

Amazing! Apart from the jQueryUI, changing border-left or border-right changes the angle too.


<<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

<html>
<head>
<title></title>
<style type="text/css">
.div0 {
	text-align: center;
	color: white;
	margin-top: 0;
	margin-bottom: 0;
	background-color: red;
	width: 90px;
	padding: 5px;
}
.div1 {
	margin-top: 0;
	margin-bottom: 0;
	width:0; 
	height:0; 
	border-left: 5px solid transparent; 
	border-right: 10px solid transparent;
	border-top: 10px solid red;
	border-bottom: 0;
}
</style>
</head>

<body>
	<div class="div0">
		Testing this!
	</div>

	<div class="div1">
		 
	</div>
</body>
</html>