English Português

En nuestro artículo “Reflejar objetos o texto con Photoshop” te enseñamos a hacer el efecto de reflejo en las imagenes con photoshop y ahora te mostraremos un script que puede hacerte esta misma función. El script se llama Reflection y trabaja de una manera muy sencilla:

  1. Descarga el script desde aquí o en su página oficial.
  2. Dentro del .zip encontraras un archivo llamado reflection.js, descomprimelo y subelo a tu host propio o gratuito.
  3. Llama al script desde tu web, esto es, coloca la referencia entre las etiquetas <head></head>:
    <script type="text/javascript" src="reflection.js"></script>
  4. Lo siguiente es utilizar el script. El script funciona sencillamente al aplicar una clase predifinida a la imagen, esta clase es “reflect”, por ejemplo:
  5. <img src="iglesia-de-tlayecac.gif" class="reflect" alt="Iglesia de Tlayecac">

    Que da como resultado lo siguiente:

  6. Otra utilidad importante del script es que puedes controlar la opacidad y esto se hace agregando tambien una clase a la imagen, pero esta vez, contiene el porcentaje de opacidad deseado, por ejemplo, la clase “reflect rheight50” producira una imagen reflejada con 50% de opacidad, la clase “reflect rheight80” producira una imagen reflejada con 80% de opacidad y así para la opacidad que deseemos.

Este script tiene por ahi, un par de opciones más que puedes encontrar desde su página principal, pero estas son las más utiles. El efecto de reflejo que brinda este script es muy bueno y de mucha ayuda si queremos darle reflejo a muchas o todas nuestras imagenes.

Escrito por Francisco Oliveros

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Diego Verastegui / Hace 7 años /

      Gracias, me sirvio !

      Responder a Diego Verastegui →

    Responder

    ¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad