Como colocar reflejos a las imágenes que publicamos con javascript

Vía: Ubuntu Life

ubuntuefecto3d.jpg

Reflex es una librería javascript que de una manera muy sencilla nos permite añadir ese bonito efecto de “reflejo” en el suelo a nuestras imágenes o fotografías.

Para usarla descárgate y descomprime la librería a algún directorio accesible por tu web server. Después únicamente has de añadir a la pagina HTML los includes correspondientes:

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

Y a partir de entonces ya podemos emplear esa característica como un atributo nuevo de nuestros tag imagen, para ello añadimos un class “reflex” y como atributos podemos usar valores como “itiltright” para hacer girar un poco la imagen hacia la derecha, “itiltnone”para no girar, “itiltleft” para girar la imagen hacia la izquierda. “icolorXX” permite asignar color, “iopacitiXX” opacidad, iheightXX la distancia del reflejo (en todos estos atributos XX es un valor numérico). Ejemplos:

<-img class="reflex itiltright iopacity35" src="http://www.blogger.com/images/right.jpg" />
<-img class="reflex itiltnone iheight50 iopacity35" src="http://www.blogger.com/images/right.jpg" />
<-img class="reflex itiltleft icolor80 iopacity35" src="http://www.blogger.com/images/right.jpg" />

De todas formas, si no quieres complicarte implementando esta librería en tu sitio web, siempre puedes hacer uso de este plugin de wordpress que de una manera muy sencilla permite aplicar a tus imágenes los siguientes filtros:

  • Sombra

  • Marco

  • Reflejo

  • Brillo

  • Perspectiva

  • Ondular

  • Invertir colores

  • Escala de grises

  • Sepia

  • Colorizar

  • Desenfoque suave

  • Desenfoque fuerte

  • Encontrar bordes

Documentación de Reflex

Nota: por problemas de formateo de blogger he tenido que insertar un - después "<-" para poder ser mostrado, por lo tanto a la hora de utilizar ya sabéis que es sin el -.

No hay comentarios:

Entradas populares