28217 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.
pas certain d'avoir compris , mais si c'est découper une pièce et la garder transparente, alors c'est le pseudo qui est transparent dans un conteneur transparent.
Pour remplir le fond du conteneur d'une couleur, tu te sert d'un ombrage surdimensionner et plein. http://codepen.io/gc-nomade/pen/cFAqw
d'autres exemples sur la même idée http://codepen.io/gc-nomade/pen/nKAka

C'est ce genre d'effet que tu recherches ?
Modifié par gc-nomade (29 May 2014 - 06:57)