+ Répondre à la discussion Actualité déjà publiée

Discussion: Sphères en CSS3

  1. #1
    Responsable Développement Web


    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    juin 2008
    Messages
    23 788
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : juin 2008
    Messages : 23 788
    Points : 92 277
    Points
    92 277
    Billets dans le blog
    20

    Par défaut Sphères en CSS3



    rodolphebrd vous propose une traduction de l'article anglophone CSS BALLS par Donovan Hutchinson : Sphères en CSS3.

    Cet article vous guidera dans la réalisation de sphères au design étonnant en pur CSS dont certaines comportent des animations.


    Comme toujours, n'hésitez pas à faire part de vos remarques, commentaires, suggestions ou propositions d'améliorations ! Vous pouvez aussi proposer les réalisations que vous aurez pu créer suite à cet article.

    Sphères en CSS3.

    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  2. #2
    Membre expérimenté Avatar de winow
    Inscrit en
    novembre 2004
    Messages
    665
    Détails du profil
    Informations personnelles :
    Âge : 50

    Informations forums :
    Inscription : novembre 2004
    Messages : 665
    Points : 587
    Points
    587

    Par défaut

    intéressant ca, merci pour le partage
    .
    Why
    .
    //------------------

  3. #3
    Invité régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2013
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : août 2013
    Messages : 17
    Points : 5
    Points
    5

    Par défaut

    Excellent tuto, mais les dégradés ne semble pas fonctionner sous Internet Explorer. Que faudrait-il faire pour que cela marche sous Ie ?

  4. #4
    Expert Confirmé Sénior
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    novembre 2012
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 326
    Points : 5 425
    Points
    5 425

    Par défaut

    Bonjour,

    quelle version d'IE ?

    Si c'est ≤ IE10 gradient n'est pas pris en compte :http://caniuse.com/css-gradients
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

  5. #5
    Invité régulier
    Homme Profil pro
    Étudiant
    Inscrit en
    août 2013
    Messages
    17
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Canada

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : août 2013
    Messages : 17
    Points : 5
    Points
    5

    Par défaut

    je test sous la version : 10.0.9200.16686

    Dans l'exemple de l'oeil qui bouge je voie uniquement le point noir de l'iris.

    Y a t'il un moyen sans utiliser une autre feuille de style css, dire si tel version de ie utiliser une couleur de fond normale ?

  6. #6
    Expert Confirmé Sénior
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    novembre 2012
    Messages
    2 326
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : novembre 2012
    Messages : 2 326
    Points : 5 425
    Points
    5 425

    Par défaut

    Les exemples de l'article ne s'affichent donc pas correctement donc sur votre navigateur !
    Pensez à
    lire les règles du forum effectuer une recherche préalable
    utiliser la balise code (#) éditer votre code sur Codepen, Dabblet, Jsfiddle
    clore votre post avec le bouton

Discussions similaires

  1. [CSS 3] Sphères en CSS3
    Par Bovino dans le forum Mise en page CSS
    Réponses: 0
    Dernier message: 02/09/2013, 16h25
  2. Sphère texturée et rotation
    Par Steki-kun dans le forum OpenGL
    Réponses: 4
    Dernier message: 26/02/2007, 21h52
  3. probleme de texture sur une sphère
    Par sebpp dans le forum OpenGL
    Réponses: 2
    Dernier message: 12/04/2005, 19h46
  4. Texture sur d'une sphère
    Par Yellowmat dans le forum OpenGL
    Réponses: 1
    Dernier message: 16/12/2004, 10h59
  5. Problème avec le rendu de sphère
    Par Francky033 dans le forum DirectX
    Réponses: 10
    Dernier message: 29/08/2003, 22h00

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