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
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
Bonjour,
en fait, il faut regarder attentivement le code source de la page...
On y trouve une triangle blanc :
avec :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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>
+ La balise <svg> permet d'intégrer directement dans une page web des dessins scalaires.
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 .thumb-box1 .box2 svg.bigTriangleColor { left: -115px; pointer-events: none; position: absolute; top: 0; }
Fais une recherche 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
Les transformations en CSS3
Code : Sélectionner tout - Visualiser dans une fenêtre à part
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 joies du CSS | Réponses sur forum | Simple comme JS | Essais libres autour de l'API G$$gle Maps
✂ ---------------------------------------------
developpez.net c'est aussi :
✔ Les meilleurs cours et tutoriels pour apprendre le CSS
✔ Les meilleurs cours et tutoriels pour apprendre le (X)HTML
✔ Les meilleurs cours et tutoriels pour apprendre le JavaScript
Vous avez un bloqueur de publicités installé.
Le Club Developpez.com n'affiche que des publicités IT, discrètes et non intrusives.
Afin que nous puissions continuer à vous fournir gratuitement du contenu de qualité, merci de nous soutenir en désactivant votre bloqueur de publicités sur Developpez.com.
Partager