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:
Publicar un comentario