CSS3

Der er en masse spændende effekter i css3 som før krævede flash eller javascript.

Transformation, animation, og diverse tekst effekter og de berømte runde hjørner:

css3 effekter

Prøv at sætte denne css ind og eksperimenter med værdierne:

h1 {
	margin: 100px;
	padding: 10px;
	width: 200px;
	text-shadow: 5px 5px 5px #ddd;
	border:2px solid;
	border-radius:25px;
	transform: rotate(-30deg);
	-ms-transform: rotate(-30deg); /* IE 9 */
	-webkit-transform: rotate(-30deg); /* Safari and Chrome */
	transition: background-color 2s;
	-webkit-transition: background-color 2s; /* Safari */
}
 
h1:hover {
	background-color: green;
	color: white;
}

Leave a Reply