Div en biais

Bonjour,

J'aimerais savoir comment fait ce thème pour avoir cet aspect en biais entre le cadre rouge et blanc
http://livedemo00.template-help.com/wt_52049/index.html

Apparemment c'est des CSS mais je ne comprends pas comment ils font

peut être comme ça :p
Pièce jointe 162554

Bonjour,
en fait, il faut regarder attentivement le code source de la page...

On y trouve une triangle blanc :

Code:

---

1 2 3

<svg class="bigTriangleColor" preserveAspectRatio="none" viewBox="0 0 100 102" height="100.1%" width="100.5" version="1.1" xmlns="http://www.w3.org/2000/svg"> <path d="M100 0 L0 102 L100 102 Z"> </svg>

---

avec :

Code:

---

1 2 3 4 5 6

.thumb-box1 .box2 svg.bigTriangleColor { left: -115px; pointer-events: none; position: absolute; top: 0; }

---

+ La balise <svg> permet d'intégrer directement dans une page web des dessins scalaires.
Fais une recherche :google2: pour en savoir plus...

c'était pas plus simple de faire une section (ou autre chose du même genre) avec un background (la partie rouge et blanc) et de mettre a l'interrieur 2 paragraphe ?

Bonjour,
la réalisation est également faisable en utilisant le CSS3, un truc du style

Code:

---

1 2 3 4 5 6 7 8 9

.fond { width:10em; height:10em; background:red; -webkit-transform: rotate(30deg); -moz-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); }

---

Les transformations en CSS3