Propriété CSS skewX()
Résolu
Nintendotesteurl
Messages postés
37
Date d'inscription
Statut
Membre
Dernière intervention
-
Nintendotesteurl Messages postés 37 Date d'inscription Statut Membre Dernière intervention -
Nintendotesteurl Messages postés 37 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai utilisé la propriété CSS :
Avez-vous une solution ?
Cordialement.
J'ai utilisé la propriété CSS :
transform: skewX(-45deg);pour créer un parallélépipède. Problème ce parallélépipède contient du texte et il est donc aussi penché. Autre problème ce parallélépipède est cliquable, donc on peut pas rajouter le texte artificiellement grâce au positions relative/absolute.
Avez-vous une solution ?
Cordialement.
A voir également:
- Propriété CSS skewX()
- Enlever le soulignement d'un lien css ✓ - Forum Webmastering
- CSS/Comment enlever couleur liens ? ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Comment créer un lien non souligné ✓ - Forum Réseaux sociaux
1 réponse
Salut,
Et en appliquant un skewX de 45deg sur le texte pour le remettre droit ?
Bonne journée,
Et en appliquant un skewX de 45deg sur le texte pour le remettre droit ?
<a href="#" rel="nofollow noopener noreferrer" target="_blank" class="para"> <span class="texte">Lorem ipsum dolor sit amet</span> </a>
.para {
display: block;
width: 200px;
height: 200px;
border: solid 1px black;
transform: skewX(-45deg);
}
.para .texte {
display: inline-block;
transform: skewX(45deg);
margin: 80px 40px 0 40px;
border: solid 1px gray;
}
Bonne journée,
Nintendotesteurl
Messages postés
37
Date d'inscription
Statut
Membre
Dernière intervention
Très bonne idée !!! Merci !
