Beispiel 1

(.hide)

Ich werde rot, wenn du mit der Maus über mich fährst! (.red)

Ich werde groß, wenn du mit der Maus über mich fährst! (.big)

Ich kann das alles, wenn du mit der Maus über mich fährst! (.all)

Hier der zugehörige CSS-Code:

a {
	color: #000000;
	font-size: 100%;
	opacity: 1;
	transition: all 2s;
}

a.hide:hover {
	opacity: 0;
}

a.red:hover {
	color: #ff0000;
}

a.big:hover {
	font-size: 200%;
}

a.all:hover {
	opacity: 0;
	color: #ff0000;
	font-size: 200%;
}