MEDBLOG : Actualités Geek Web 2.0 & Webdesign

Actualités Geek Web 2.0 & Webdesign

Tutorial ReflectOMatic, ajouter facilement des effets de réflections

reflectomatic
ReflectOMatic est un site qui permet d’ajouter facilement des effets de réflections à n’importe quelle image. Vous entrez l’Url de l’image, réglez l’opacité et la hauteur du reflet, la taille et la couleur de fond de l’image, une fois le résultat gêner il ne vous reste plus qu’a l’enregistrer.

Mais ce n’est tout, ReflectOMatic nous offre une autre solution basée sur un script JS pour ajouter un reflet de façon automatique sur les images de votre choix, et le fichier JavaScript ne pèse que 5 ko !

Premier partie :
Téléchargez et placez le fichier reflection.js dans votre répertoire racine par exemple, ensuite ajoutez la balise qui va faire appel à ce script entre <head> et </head>

<script type="text/javascript" src="reflection.js"></script>

Faites attention au paramètre “src” qui indique l’emplacement du script

Deuxième partie :
Ajouter ensuite une classe reflect sur votre image

<img src="image.jpg" class="reflect" alt="" />

Option :
Vous pouvez paramétrer la hauteur et l’opacité du reflet :

<img src="image.jpg" class="reflect ropacity10" alt="" />
<img src="image.jpg" class="reflect ropacity50" alt="" />
<img src="image.jpg" class="reflect rheight40" alt="" />
<img src="image.jpg" class="reflect rheight80" alt="" />

Pour finir, vous disposez même de plugin pour la plupart des plate-forme, je vous renvoi sur le site pour plus d’information

Ce script fonctionne théoriquement sur la plupart des navigateurs (IE, Firefox, Opera, Safari).

AddThis Social Bookmark Button

18 commentaires, commentaire ou Trackback

  1. Superbe effet !
    Très réussi et simple à mettre en place!

    Mon seul problème pour le moment c’est que l’effet ne s’adapte pas entièrement à mon image: il est plus LARGE qu’elle.

  2. @kval : indique moi juste l’URL de la page, je veux voir ce que je peux faire !!

  3. jaime cette article
    si vous avez fait l’hébergement des sites web je te conseille par ce societé là :
    Bleu hebergement site web
    Découvrez les meilleurs offres hébergement de site web et nom de domaine au Maroc, Bleu vous fournit l’hébergement de sites internet sur des serveurs dédiés Linux et Windows, serveurs VPS et Cloud .

  4. Large choix de Montres et bijoux à des prix exceptionnel. Bijoux Swarovski, Or, Argent, Céramique et montres Casio, Daniel Wellington, Junkers, Diesel …

  5. Boutique en ligne officielle de Montres de Luxe et bijoux, les plus grandes marques suisse disponible. Joaillerie & Horlogerie depuis 1892

  6. Certains enfants ont un retard de développement par rapport à leur âge chronologique comme un retard de langage, Retard de pousse dentaire et Retard de premier pas etc… c’est pour cela qu’il faut consulter un pédiatre ou orthophoniste selon la situation de l’enfant afin de faire face à ce retard.

  7. Lisez vos scans et mangas préférés en ligne sur vf-scan.com.
    Lire Manga en ligne, chapitre absolument gratuit et mis à jour

    quotidiennement.

  8. Lisez vos scans et mangas préférés en ligne sur vf-scan.com. Lire Manga en ligne, chapitre absolument gratuit et mis à jour quotidiennement

  9. Mangas Animes en streaming VF et VOSTFR, Mangas, Dessins Animés, Dramas, Streaming, Mangas Streaming vf, Streaming Mangas, Mangas 2018, top animes

  10. villa luxe agadir, chambres et suites luxueuses décorées avec goût selon des lignes épurées favorisant le repos et le bien-être de ses hôtes.

  11. Villa d’hôtes agadir, Luxueuse suites frôlant les montagnes et l’Atlantique d’Agadir à 15 min du centre-ville.

  12. Pour tous ce qui admire lire les BD, notre site : vf-scan.com vous propose de nouveaux de vos meilleurs animes en ligne & gratuitement !
    Soyez les premiers à publier les nouveaux chapitres de vos scans.
    Rester avec nous et bénéficier d’une mise à jour quotidienne en lisant et téléchargeant vos mangas.

  13. Circuits 4×4 et randonnée pédestre au Maroc, circuit désert dans le sud marocain, bivouac dans le désert au Maroc.

  14. Mangas Animes en streaming VF et VOSTFR, Mangas, Dessins Animés, Dramas, Streaming, Mangas Streaming vf, Streaming Mangas, Mangas 2018, top Mangas

  15. Annuaire des professionnels et des
    entreprises du Maroc. Retrouvez tous les professionnels de votre région et
    sur toutes les villes du Maroc. Maroc Links, le portail d’annonces au
    Maroc.

  16. Référencement web maroc des sites d’entreprises, nous proposons un référencement naturel efficace permettant d’améliorer le positionnement de votre site .

  17. Location de voiture Agadir pas cher , Découvrez nos offres et nos voiture de location au meilleur tarif sans plus attendre !

  18. Search for your favorite mangas scans and scanlations online at Manga Reader. Read Manga Online - Absolutely Free, Updated Daily.

Recevez les derniers articles par mail :

 

Recent Comments

  • Carmine
    Un nouveau logo pour Photoshop
    2021-03-16 20:40:09
  • Kidjo tv
    Scriblink - Le tableau blanc collaboratif en ligne !?
    2021-03-14 10:33:20
  • resilier abonnementorange
    ViewAt.org, Partage de photo panoramique
    2021-03-14 10:30:40
  • Boulanger.Com
    FaceInHole, Changer de corps
    2021-03-14 10:30:29
  • kidjo tv logicom
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:30:07
  • tv apk
    ImprimeBlog, Imprimer son blog en un livre
    2021-03-14 10:28:51
  • KIDJO TV
    Pulse ARTS : Le magazine des arts graphiques devient à 100% gratuit
    2021-03-14 10:26:30
  • Mamanmi.com
    Read It Later, Enregistrer est remettre la lecture de vos articles à plus tard
    2021-03-14 10:17:21
  • resiliation abonnement
    Vidéo sur les coulisses d’un studio photo
    2021-03-14 10:10:45
  • kidjo tv tiniloo
    Seam Carving les plugins sont disponible maintenant
    2021-03-14 10:10:17
  • supprimer orange
    Google Shared Stuff : bookmarking vu par Google
    2021-03-14 10:09:23
  • kidjo tv logicom
    Iconlet : Moteur de recherche d'icones
    2021-03-14 10:03:25
  • abonement
    Blackle, la version écolo de Google
    2021-03-14 10:03:14
  • abonnementjeu
    Verify Email, contrôle vos adresse e-mail
    2021-03-14 10:01:56
  • tv Abonnement
    SnagIt lance des plugins de capture d’écran
    2021-03-14 10:01:32

Par Albert Einstein

“La connaissance s'acquiert par l'expérience. Tout le reste n'est que de l'information.”

Feedburner RSS
Ajoute a Technorati Favoris