-
Trapèze en CSS3
Bonjour à tous!
J'ai lu dans une des news lettre du site le moyen de créé une balise en forme de trapèze! Mais je ne le trouve plus!
Si quelqu'un connait le moyen de créé une balise en forme de trapèze ou le billet parlant de la balise en forme de trapèze, je suis preneur.
Merci d'avance de votre aide!
-
-
Cette doc je l'ai déjà!
Dans cette exemple on peux pas mettre du texte dan la balise sans qu'il ne dépasse du trapèze!
-
-
1 pièce(s) jointe(s)
Voici le résultat que je veux avoir! (voire pièce jointe)
Si quelqu'un s'est le faire en css3, je suis preneur!
Merci d'avance!
-
que diable un peu d'imagination :lol:..
il s'agit de mettre une DIV standard
- puis de cacher l'arête supérieure par un élément ayant subit une rotation vers le bas
- puis de cacher l'arête inférieure par un élément ayant subit une rotation vers le haut
il reste à les positionner pile-poil
-
J'ai trouvé ce que je cherchait!
Voici le code css :
Code:
-webkit-transform:perspective(600) rotateY(45deg);
Je voudrais savoir, car ce code ne marche qu'avec safari, il existe l'équivalant pour firefox, google-chome et opéra?
-
Ça fait partie des CSS 3D transform. On peut penser que les autres l'implémenteront un jour, mais que ce n'est pas encore le cas.
-
Ok! Merci du renseignement!
C'est possible d'avoir le même résultat avec Jquery?