• Un effet zoom tres sympa chez "Pourquoi pas"

     

    Code à mettre dans code source d'un billet

     

     

    <p><img class="oblique" style="box-shadow: 6px 6px 10px black; border-radius: 10px; border: 0px solid white;" src="http://ekladata.com/mnJBN8HKurx428pVUi6wx8P0CMA.gif" alt="" /></p>

     

     

     

    <style type="text/css"><!--

    .oblique{-webkit-transition:all 2s linear;-moz-transition:all 2s linear;}

    .oblique:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);  }

    --></style>

     

    Suffit de mettre la souris sur image

     

     

     

     

    « Pencher le Titre du HeaderTest: Changement de fond au survol avec souris »

  • Commentaires

    1
    Mardi 1er Avril 2014 à 11:46

    Oui c'est pas mal en effet.........

    Dis, j'ai pensé à un truc que tu pourrais étudier  lol

    Des fonds qui changeraient de couleur....C'est pas une bonne idée ça ? Lol

    2
    Mardi 1er Avril 2014 à 12:52

    Coucou

    Oui cet effet est trop cool

    Tu nous en trouve des choses, merci à toi pour le partage

    de gros bzou bzou et belle journée

    3
    Mardi 1er Avril 2014 à 15:43

    Bonjour  et merci pour le lien vers chez moi.

    Bravo aussi pour la présentation avec coins arrondis et ombre; je n'avais pas pris le temps de le faire !

    Je vois la proposition de Ghislaine de mettre un fond de couleur variable: il suffit de faire un gif avec différentes couleurs; mais on peut faire plus attrayant en mettant un gif genre vidéo; on peut même mettre une vidéo mais ce n'est pas trop simple et le résultat est le même qu'avec une animation en gif, mais plus lourd en poids.

    Mon inscription à ta newsletter vient de revenir chez moi pour confirmation.

    Que penses-tu de la distribution Linux, en système d'administration ? Je m'y intéresse car j'ai deux PC sur XP, logiciel qui cessera d'être mis à jour dans une semaine , et je teste ce programme:pour le moment, j'en suis satisfait.

    Comme c'est un système moins utilisé que Windows, il n'a pas encore de virus.

    Je me suis équipé d'un PC avec Windows 8.1 mais rien de bien nouveau pour mon utilisation, à part la présentation,

    Au plaisir.

    Gilbert

    4
    Mardi 1er Avril 2014 à 15:48

    kikou, cool l'effet et la vidéo drôle aussi, merci pour le partage bonne semaine ensoleillée smilehappyyes

    5
    Mardi 1er Avril 2014 à 15:51

    @ Pourkoi pas

    Oui jai rajouté coin et ombre et changer aussi zoom: 1.5 au lieu de 2

    je suis sous window 7 , Linux  je connais pas !

    J'ai une majorité d'amies créatrice en graphisme mais pas trop dans les codes !!

    alors faut même pas penser à des fond en flash ou vidéo , on se contente de simple background

    Changer de couleur kome suggere une amie je sais ke c'est faisable avec css

    je regarderai à cela à mes heures perdues mdr !!!

    merci de ton passage

     

     

    6
    Dimanche 6 Avril 2014 à 17:56

    bj dali

    j espere que tu va très bien je te souhaite un bon début de semaine a bientot bisous

    7
    Dimanche 3 Mai 2015 à 14:18

    Bonjour Dalila.

    Je suis connectée avec mon blog test, c'est Dani et ses chats

    La page de Pourquoi 732 ne fonctionne pas dans ton article.

    Il a dû la supprimer.

    Je suis abonnée chez Gilbert.

    Mais je ne trouve pas le code pour agrandir

    comme sur ton article, pour une seule image.

    J'ai trouvé pour plusieurs images, je pense qu'au départ

    c'est le même code en ne laissant qu'une seule photo,

    mais pour le reste du html,

    je ne sais pas ce qu'il faut supprimer.

    Bises. Dani

     

    8
    Dimanche 3 Mai 2015 à 22:14

    C'est bon Dalila,

    j'ai trouvé ce qu'il fallait supprimer pour ne garder qu'une seule image. J'ai testé et re testé et ça marche  :-)

    Bonne semaine. Dani

     

    9
    Samedi 28 Décembre 2019 à 15:33

    Bonjour, en cliquant sur ton lien pour avoir le code, ça ne s'est pas affiché, juste qu'il y a erreur ....

    Et surtout une bonne année 2020 à toi

    Amicalement

      • Lundi 30 Décembre 2019 à 10:44

        Merci de me l'avoir signalé; code ajouté dans le billet

    10
    Lundi 30 Décembre 2019 à 16:48

    Merci, j'ai essayé sur mon blog essai et j'avoue être bien novice avec tous ses codes - En fait, on doit bien mettre après l'image : <style type=..........--></style>

     

    - avant src="http:.......... (le code le l'image) ............ coller ton code <p><img class=............. solid white;"

    Mais vraiment désol ce : alt="" /></p> lorsque je le colle, il apparaît sur ma page qui est vu par les visiteurs.

    Je dois encore avoir loupé quelque chose - et ce code avant l'image, nous devons le mettre devant chaque image ??: En plus suis pas vraiment sûre de me faire comprendre.

    Si tu es OK de bien vouloir m'éclairer ce serait avec plaisir : MERCI

    Amicalement

    Vous devez être connecté pour commenter