• Effet image inversée

    Chez Gilbert "Retournement"

    Hébergement sur Ekla

    « Exercice chez "Pourquoi pas"Redimensionner plusieurs photos avec Photofiltre »

  • Commentaires

    1
    Dimanche 8 Juin 2014 à 14:52

    C'est magique!happy

    Passe un bon dimanche.

    Michel.

    2
    Dimanche 8 Juin 2014 à 15:01

    pas évident mais bien fait bravo

    amicalement

    MIMI

    3
    Dimanche 8 Juin 2014 à 16:41

    Bonjour.

    Heureux de t'avoir amusée et bravo pour ton texte inversé !

    Il fait bien chaud dehors...

    Gilbert

    4
    Dimanche 8 Juin 2014 à 16:50

    Je voie que tu trouve toujours ton bonheur avec les codes de Gilbert .

    super bravo  Dalila !!

    5
    Dimanche 8 Juin 2014 à 17:42

    Et voila maintenant pour lire j'ai mis la tête à l'envers et je vais rester coincée mdr !!!

    Amusant ce code qui met à l'envers.

    Bises

    6
    Dimanche 8 Juin 2014 à 19:45

     J'en suis toute "retournée" !!  lol !!  Effet original et sympa qui méritait d'être testé. Bonne soirée ♥

    7
    Dimanche 8 Juin 2014 à 20:32

    moi je te souhaite tout simplement une bonne soirée chère dalila et contre toutes choses qui peut nuire à la personne à bientot

    8
    Lundi 9 Juin 2014 à 07:38

    coucou

    très bonne journée

    bisous bisous

    9
    Mardi 10 Juin 2014 à 08:40

    Coucou Gentille Rebelle,

    Toujours de belles trouvailles...

    Bon mardi.

    Bisous

    Valy

    10
    Mardi 10 Juin 2014 à 13:55

    Kikoo kikoo ma Dal  héhé c'est comme dans un glace sauf que cela ne se mange po hihi ! bonne journée Merci pour cet article. un gros bisou

    11
    Lundi 23 Juin 2014 à 21:55

    c'est génial bonne soirée bisous

    12
    Lundi 30 Juin 2014 à 21:41

    super l'article  moi j'adore et j'adere au code de plus j'ai eu un bon professeur lol notre ami Gilbert  qui ma fait decouvrir beaucoup de chose et que j'aprecis  je te souhaite une tres  bonne fin de soirée j'espere  te revoir bientot avec tes code aussi  car j'ai vue que tu fesait une pause car  les codes te fesait mal la t^te  lol je sais ce que c'est des heures a passé a chercher le petit truc qui feras que ! lol a pluche

    13
    Jeudi 17 Juillet 2014 à 11:47

    Salut, LGR !

    Pour donner un effet 3D à ton retournement image, modifie ceci:

    <p style="-webkit-perspective:1000px; /* Chrome, Safari, Opera  */

    -moz-perspective:1000px;

    perspective1000px;"><img class="bt" src="http://gifs.toutimages.com/images/webmaster/fleches/fleche_301.gif" alt=""><img class="rot" src="http://ekladata.com/REieHHNcj-A71BQTANbzp0tWNyU.jpg" alt="Hébergement sur Ekla"></p>

    (testé sous chrome) et inverser l'ombre sur :hover

    Remarque: Javascript fonctionne toujours et très bien sous Chrome ...!

    14
    Jeudi 17 Juillet 2014 à 13:43

    Je lis que le javascript fonctionne sous Chrome: je veux bien le croire !

    Gilbert

    15
    Jeudi 17 Juillet 2014 à 14:08
    J'ai déjà mal à la tête là tu ne vas pas arranger les choses MDR !!
    BIsous à l'envers
    16
    Jeudi 17 Juillet 2014 à 14:13

    JS sous Chrome (voir capture):

    Ouvrir Chrome > Paramètres > Avancés > Confidentialité > Paramètres du contenu > Cocher "Autoriser JS sur tous les sites"

    17
    Jeudi 17 Juillet 2014 à 14:47

    @ Papyrock

    Et bien cela pas sur firefox , et puis j'ai mis script préfixéjs mais je vois pas différence de l'avoir mis, ça sert à koi au juste !!!!

    par contre j'ai fenêtre pop up ki sont coché" bloqué" et une fois j'ai mis vidéo en pop up grace à un de tes codes, tu te rappelle??? !!

    alors faut til ke je décoche

    18
    Jeudi 17 Juillet 2014 à 16:35

    Je suis avec attention tes échanges avec papyrock !

    Gilbert

    19
    Jeudi 17 Juillet 2014 à 17:02

    @LGR

    Non, tu peux laisser cocher "bloquer les popup" qui sont souvent des pubs. Mais tu peux ajouter des exceptions (des blogs que tu visites régulièrement, ou des sites sûrs) qui afficheront des popup (vidéo en popup entre autres).

    Concernant le script " -prefix-free ", il préfixe à ta place le code CSS pour les divers navigateurs (-webkit-, -moz-, -ms-, etc).
    Normalement il te suffit (par exemple) de taper:

    #bidule {transform:scale(1.5);}

    et le script  ajoutera:

    #bidule {-webkit-transform:scale(1.5);}
    #bidule {-moz-transform:scale(1.5);} 
    #bidule {-ms-transform:scale(1.5);} 

    Voir le site:http://leaverou.github.io/prefixfree/

     

    20
    Jeudi 17 Juillet 2014 à 19:11

    Bonsoir.

    Tu remercieras Papyrock: j'ai un peu exploité son code et j'en ai fait un article avec codes.

    Bonne soirée... au frais !

    Gilbert

    Vous devez être connecté pour commenter