28172 sujets

CSS et mise en forme, CSS3

[Résolu] Forme triangle css

Bonjour
Je voudrais essayé de réaliser une forme de triangle en css3 (voir model ci-dessous )
Est-ce possible ? upload/32042-triangle.png
merci
Administrateur
Pour mieux visualiser le truc, tu peux mettre 4 couleurs différentes de border très large comme ça : http://jsfiddle.net/Z3Ydy/

Ensuite tu peux jouer avec :before et :after pour éviter de rajouter des div rien que pour faire des triangles (IE8+)
Bonsoir stephane72,

tu récupères le code CSS associé à une forme particulière, et tu fais :
<style rel="stylesheet" type="text/css">
#triangle-topleft {
...
}
</script>

<body>
<div id="triangle-topleft"></div>
</body>
Et ca fonctionne parfaitement (je l'ai testé).

Une remarque tout de même : cela ne fonctionne pas sous MSIE 8.0 (enfin, cela dépend de la figure que tu fais).

@+
Sujet clos
Aller à