28172 sujets

CSS et mise en forme, CSS3

Salut,

Je découpe une div, enfin j'essaie et je fais ceci :


div:before {
	content:"";
	position:absolute;
	z-index:0;
	width: 0; 
	height: 0; 
	top: 8%;
	left:0px;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-left: 80px solid red;// j'ai mis du rouge pour le test
}


J'ai ma div en position relative donc mon triangle apparaît bien là où je veux blabla mais ma div a un background blanc et je veux la découper ou en tout cas créer cet effet.

J'ai glané qq infos sur le net avant de poser la question et il semblerait que clip-path ait un support pas trop mauvais et permette de faire cela.

QQun peut-il me montrer comment ou m'indiquer un autre moyen si ce n'est pas le bon?

Merci d'avance.
JM.