NextIndex

CSS3 Examples

1. CSS3 box-shadow and border-radius example.

<!DOCTYPE html>
<html>
<head>
<title>Untitled Document</title>
<style>
.rnd{
	border-radius:10px;
	text-align:center;
	border-color:#63C;
	height:30px;
	width:200px;
}
#form1{
	width:250px;
	height:200px;
	background-color:#00CCFF;
	box-shadow:10px 10px 1px #999999;
	text-align:center;
	padding-top:20px;
    border-radius:10px;
}
</style>
</head>

<body>
<div id="form1">
<input type="text" class="rnd" placeholder="User name" />
</div>
</body>
</html>

Output :





Developed by


World Wide Web Consortium

World Wide Web Consortium