-
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
-
Commentaires
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
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
kikou, cool l'effet et la vidéo drôle aussi, merci pour le partage bonne semaine ensoleillée
@ 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
bj dali
j espere que tu va très bien je te souhaite un bon début de semaine a bientot bisous
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
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
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, 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
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