Dégradé

gradient

Dégradé de couleurs dans un élément.

CSS

	
	div {
		border: 1px solid black;
		padding: .6em;
		width: 150px;
		text-align: center;
		background-image: -webkit-gradient(linear,
						   left top,
						   left bottom,
						   color-stop(0, #8CC03B),
						   color-stop(1, #474747)
						   );
		background-image: -moz-linear-gradient(center top,
						       #8CC03B 0%,
						       #474747 100%
						       );
		background: linear-gradient(top, 
					    #8CC03B 0%, 
					    #474747 100%
					    );
		
		}
	

HTML

	
	<div>
		<p>Lorem ipsum</p>
	</div>
	

Compatibilité

Internet Explorer 8 et 9 ignorent cette propriété Opera 11 ignore cette propriété

Page de test