Effet 3D sur un text par CSS 3

Salut à tous, je partage avec vous chers amis ma petite expérience avec le CSS3, vu qu’il en a plusieurs outils et attribues qu’on peut montrer donc j’essaye toujours de les combiner avec des exemples concrets afin de mieux les expliquer.
Comme par exemple ici dans cette vidéo, je vous laisse découvrir l’effet shadow multiple avec un effet de mouvement fluide.
Démonstration:
 

Text 3D

.titre3D{
        cursor: pointer;
	font-family: "Verdana", sans-serif;
	color: #eee;
	letter-spacing: 5px;
	font-size: 100px;
	text-align: center;
	text-shadow:
		1px 1px 0px #ccc,
		2px 2px 0px #ccc,
		3px 3px 0px #999,
		4px 4px 0px #999,
		5px 5px 0px #999,
		6px 6px 0px #999,
		5px 5px 15px #aaa
	;
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
}
.titre3D:hover{
	color: #09f;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-o-transform: scale(1.2);
	text-shadow:
		1px 1px 0px #09f,
		2px 2px 0px #09f,
		3px 3px 0px #06c,
		4px 4px 0px #06c,
		5px 5px 0px #06c,
		6px 6px 0px #06c,
		5px 5px 15px #aaa
	;
}