• Vos Images transparentes

    Pour rendre toutes vos images du blog transparentes et qui s'éclairent quand  on passe la souris par dessus

    Exemple 

    avant et apres

    Vos Images transparentes   Vos Images transparentes

    Vous  êtes très nombreuses à m'avoir demandé ce code .

    Je remercie Chain du fond du cœur en votre nom  pour  me l'avoir offert .

    Vous pouvez visiter son magnifique blog en cliquant  ICI 

    Voici le code

     

    Code CSS

    img { -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 0.35;
    }

    img:hover {
    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 10;
    }

     

    Vous pouvez modifier l' opacité , ce qui est en rouge dans le code 

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 

     

    « Curseurs humeur du jourCurseurs divers 1 »

  • Commentaires

    1
    Dimanche 14 Juillet 2013 à 10:18

    Sympa cette effet, j'ai réussi a le faire fonctionner, merci ma belle et merci aussi a Chain. Bon dimanche.

    2
    crinière Profil de crinière
    Mercredi 17 Juillet 2013 à 12:44

    Merci Manola, j'ai pris ce code pour mon blog de partage de tubes,

    ça fait super ! merci beaucoup !

    bonne journée à toi, amicalement.

    (merci pour ton travail et de le partager)

    3
    Lundi 26 Août 2013 à 16:04

    Si  mes blog s'embélissent, c'est grace a toi... Merci !

    4
    Lundi 26 Août 2013 à 16:07

    Désolé de t'embéter, mais, sais tu comment changer l'image du coeur dans la barre de menu (comme sur le blog  que tu as mis en lien dans ton article) ?

    Merci !

    5
    Lundi 26 Août 2013 à 19:43

    Hum , oui voici le code 

    #menubar_favorites_btn:hover { backgroundurl("URL DE L'IMAGE ICI"no-repeat center }

    Tu remplace ce qui est en rouge par l'url de ton image qui dois être transparente de 16x16 pixels .

    Voila je n'ai pas encore tester le code , je n'ai pas le temps en ce moment .

    j'espère qu'il fonctionne

    6
    Lundi 26 Août 2013 à 19:48

    Eh ben je v vérifier tous de suite ! Merci beaucoup.

    7
    Lundi 26 Août 2013 à 20:02

    Sa marche mais j'ai pas réussi a trouvé une image assez petite.

    8
    Mardi 15 Octobre 2013 à 19:22

    Merci, merci beaucoup, j'adore vraiment cet effet.

    9
    Mardi 22 Octobre 2013 à 18:27

    merci beaucoup passe une bonne soirée

    bisous

    10
    Vendredi 8 Novembre 2013 à 18:19

    MERCI BEAUCOUP!!! C'est très gentil à toi d'avoir fait ce blog!! ^^

    11
    Mardi 12 Novembre 2013 à 21:54

    Bonsoir Manola, je voudrais te demander si tu as un code pour mettre une image en opaque dans un article comme on le faisais sur windows live. Je ne souhaite pas mettre toutes les images en opaque comme dans ton tuto. En te remerciant d'avance. Bisous

    12
    Mardi 12 Novembre 2013 à 22:11

     

    Bonjour Lady Michou , Pour une seule image non cela n'existe pas pour eklablog 

    13
    Mardi 12 Novembre 2013 à 22:27

    Ok je te remercie beaucoup de m'avoir aussi vite répondu. passe une bonne soirée

    14
    Dimanche 17 Novembre 2013 à 00:16

    Bonsoir, il y a des trésors d'informations ici !!!!

    je reviendrais prendre quelques notes ! Merci

    Bonne soirée

    15
    Dimanche 17 Novembre 2013 à 17:25

    Coucou Manola

    merci beaucoup et de gros bzou bzou @@@@@@

    16
    Dimanche 24 Novembre 2013 à 22:16

    Bonsoir un merci à vous et à chain aussi pour vous l' avoir donner.

    17
    Mercredi 11 Décembre 2013 à 19:41

    merci pour ce partage ! amicalement. Cat

    18
    Samedi 22 Février 2014 à 22:18

    Désoler de t'embêter Manola après tout ce que tu fais pour nous mais est ce que tu saurais comment une image se penche quand on passe la souris dessus ? Si tu vois pas ce que je veux te dire , je te mets le lien du blog en bas :Clique ici

    Bref tu vois ? Et si tu savais et que tu connaissais le code css et bah sa serait trop gentil *-* 

    Merci.

    PS: J'ai déjà demandé à la personne qui tien ce blog mais elle dit qu'elle ne sait pas parce que elle a mélangé avec tous ses codes CSS. Encore merci ^^ !

    19
    Samedi 22 Février 2014 à 23:26

    Parfois je me demande a quoi sert la colonne de mon blog ,  parce que personne ne la lit !!

    regarde dans divers  

     Fait pivoter les images du contenu 

    20
    Samedi 22 Février 2014 à 23:39

    Il y as aussi celui ci , mais il est moins jolis

    img:hover {-webkit-transform: rotate(3deg);

     -moz-transform: rotate(5deg)-o-transform: rotate(1deg)}

    21
    Mardi 24 Juin 2014 à 16:03

    merci trop contente

    22
    Samedi 27 Juin 2015 à 17:44

    YES!!!  MERCI BEAUCOUP

    23
    Vendredi 16 Octobre 2015 à 23:07

    Sa fais plusieurs fois que je viens ici est mon blog est devenue tellement beau !

    Merci Manola pour tous ces Css ♥

    24
    Dimanche 29 Novembre 2015 à 13:41

    Bonjour, et merci beaucoup pour ce code!

    J'ai juste une petite question:

    Est ce qu'il existe un code d'image transparente seulement pour la page et pas pour les modules?

    Merci d'avance ^^

    25
    Lundi 1er Février 2016 à 18:35

    Merci ! 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :