AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.


    Effet Lightbox (zoom sur image) en CSS3

    Partagez
    avatar
    Riku Asakura
    MasculinAge : 31Messages : 5736

    le Mer 11 Aoû 2010 - 23:44

    Hello,

    encore moi.

    Je vous invite à consulter ce tutoriel pour les fans de CSS3 :
    http://www.creativejuiz.fr/blog/les-tutoriels/effet-lightbox-en-css3-grace-a-transition

    De quoi vous motiver à aller plus loin dans ce langage ou même à l'apprendre Wink
    Enfin... j'espère que cette démonstration vous donnera envie !

    La démonstration à cette adresse :
    http://www.creativejuiz.fr/trytotry/lightbox-with-tabindex-and-css3/

    Fonctionnel sous Chrome, Safari et Opera (avec animation), Firefox sans animation (sauf sous Firefox 4b). Non fonctionnel sous IE.

    Bisous !




    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    avatar
    Z. Hisakki
    MasculinAge : 26Messages : 76

    le Dim 19 Fév 2012 - 23:38

    Alors deja que le CSS3 ca me fait rever, mais alors la ! Grand fan !
    Mais il va falloir que je teste car j'ai du mal a bien comprendre comment le systeme fonctionne :/

    Je te remercie beaucoup pour ces liens (qui m'apporte un bon lot de reponses)
    avatar
    Swiff
    FémininAge : 23Messages : 24

    le Mer 22 Fév 2012 - 13:49


      Pour une raison qui m'échappe, il semblerait que ça ne marche pas chez moi, à mon grand désarroi. Je ne sais pas si je suis la seule à connaître des difficultés pour quelque qui paraît si simple, mais ça devient frustrant.
    avatar
    Glycérine
    FémininAge : 29Messages : 308

    le Mer 22 Fév 2012 - 16:12

    Bonjour,

    Swiff, vérifie bien que tu n'utilises pas Internet Explorer et que ton navigateur soit à jour.

    Le CSS3 est encore récent, et ne fonctionne parfois pas avec des versions antérieurs de navigateur.

    Riku, très jolie astuce même si je continue de préférer le Jquery pour ça (mais mon utilisation est beaucoup plus professionnelle que l'exemple ^^).

    Le CSS3 et le HTML5 font des choses étonnantes maintenant !




    avatar
    Swiff
    FémininAge : 23Messages : 24

    le Mer 22 Fév 2012 - 20:18


      J'utilise Chrome, ça m'étonnerait que le problème vienne du navigateur, je me trompe ?
    avatar
    Glycérine
    FémininAge : 29Messages : 308

    le Sam 25 Fév 2012 - 15:27

    S'il n'est pas mis à jour, si ça pourrait.




    avatar
    Swiff
    FémininAge : 23Messages : 24

    le Mer 29 Fév 2012 - 10:52


      Il l'est, donc de toute évidence non...
    avatar
    phinolex
    MasculinAge : 18Messages : 63

    le Ven 16 Mar 2012 - 23:31

    merci
    avatar
    Nero Brigh
    MasculinAge : 34Messages : 85

    le Sam 24 Mar 2012 - 18:20

    merci!
    avatar
    giannismoll7
    MasculinAge : 23Messages : 62

    le Mar 3 Avr 2012 - 14:43

    Merci :)
    avatar
    Sayuri
    FémininAge : 25Messages : 18

    le Ven 18 Jan 2013 - 20:38

    merci encore un tuto que je connais mais dont je cherche à raccourcir mes lignes :)
    avatar
    Ziktaon
    MasculinAge : 25Messages : 843

    le Sam 24 Sep 2016 - 20:59

    Merci






    ‘ Le codage est la logique, Le graphisme est le savoir faire ‘

    avatar
    Nevida
    FémininAge : 26Messages : 30

    le Sam 6 Jan 2018 - 19:32

    Merci pour le tutoriel, je vais le tester :)
    Contenu sponsorisé


      La date/heure actuelle est Mar 17 Juil 2018 - 15:38