AccueilDernières imagesRechercherS'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.

Le Deal du moment : -27%
-27% sur la machine à café Expresso ...
Voir le deal
399.99 €

    Effet Lightbox (zoom sur image) en CSS3

    Riku Asakura
    Riku Asakura
    MasculinAge : 37Messages : 5736

    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 !



    Effet Lightbox (zoom sur image) en CSS3 090531062304944749
    Yo ho, all together
    Hoist the colours high
    Heave oh, thieves and beggars
    Never shall we die
    Z. Hisakki
    Z. Hisakki
    MasculinAge : 32Messages : 76

    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)
    Swiff
    Swiff
    FémininAge : 30Messages : 24

    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.
    Glycérine
    Glycérine
    FémininAge : 35Messages : 308

    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 !




    Swiff
    Swiff
    FémininAge : 30Messages : 24

    Mer 22 Fév 2012 - 20:18


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

    Sam 25 Fév 2012 - 15:27

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




    Swiff
    Swiff
    FémininAge : 30Messages : 24

    Mer 29 Fév 2012 - 10:52


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

    Ven 16 Mar 2012 - 23:31

    merci
    Nero Brigh
    Nero Brigh
    MasculinAge : 40Messages : 85

    Sam 24 Mar 2012 - 18:20

    merci!
    giannismoll7
    giannismoll7
    MasculinAge : 30Messages : 62

    Mar 3 Avr 2012 - 14:43

    Merci :)
    Sayuri
    Sayuri
    FémininAge : 31Messages : 18

    Ven 18 Jan 2013 - 20:38

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

    Sam 24 Sep 2016 - 20:59

    Merci



    Effet Lightbox (zoom sur image) en CSS3 719846zikisigna



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

    Nevida
    Nevida
    FémininAge : 33Messages : 33

    Sam 6 Jan 2018 - 19:32

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


      La date/heure actuelle est Jeu 21 Nov 2024 - 11:20