IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Trapèze en CSS3


Sujet :

CSS

  1. #1
    Membre actif
    Homme Profil pro
    Inscrit en
    Août 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Août 2007
    Messages : 24
    Par défaut 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!

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 217
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217

  3. #3
    Membre actif
    Homme Profil pro
    Inscrit en
    Août 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Août 2007
    Messages : 24
    Par défaut
    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!

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 217
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217
    Par défaut
    ornitho13 a commis bien des choses et notamment
    - les transformations en css3
    - Masque de contenu incliné avec CSS
    - et bien plus encore

  5. #5
    Membre actif
    Homme Profil pro
    Inscrit en
    Août 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Août 2007
    Messages : 24
    Par défaut
    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!
    Images attachées Images attachées  

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 217
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 217
    Par défaut
    que diable un peu d'imagination ..
    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

  7. #7
    Membre actif
    Homme Profil pro
    Inscrit en
    Août 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Août 2007
    Messages : 24
    Par défaut
    J'ai trouvé ce que je cherchait!
    Voici le code css :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    -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?

  8. #8
    Modérateur

    Profil pro
    Inscrit en
    Septembre 2004
    Messages
    12 585
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Septembre 2004
    Messages : 12 585
    Par défaut
    Ç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.
    N'oubliez pas de consulter les FAQ Java et les cours et tutoriels Java

  9. #9
    Membre actif
    Homme Profil pro
    Inscrit en
    Août 2007
    Messages
    24
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations forums :
    Inscription : Août 2007
    Messages : 24
    Par défaut
    Ok! Merci du renseignement!
    C'est possible d'avoir le même résultat avec Jquery?

Discussions similaires

  1. les instructions CSS3
    Par morpheus87 dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 20/04/2008, 14h18
  2. Trapèze en 3D
    Par Kevindjg dans le forum OpenGL
    Réponses: 3
    Dernier message: 27/11/2007, 16h36
  3. caractéristiques de la forme trapèze
    Par potili2 dans le forum Macros et VBA Excel
    Réponses: 2
    Dernier message: 10/08/2007, 21h51
  4. Est ce qu'IE7 prend en charge les CSS3 ?
    Par Cr@zyDeep dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 06/05/2006, 13h32
  5. trapèze
    Par Bibouda dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 19/12/2005, 12h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo