Lo que hoy os voy a enseñar es como dar un golpe de efecto a la visualización de vuestra web, ya que como todos sabéis si queremos atraer a nuestros visitantes la primera imagen cuenta mucho. La idea es bastante sencilla y la implementación mucho más.Surfeando por Internet he encontrado una web con la que podemos hacer bonitos degradados para nuestras webs. Os enseño un sencillo ejemplo:
Para realizar nuestros degradados solamente tendremos que ir a la web: www.gradcolor.com y elegir el diseño de nuestro gradiente.
La decisión más importante en primer caso es si deseamos crear el gradiente mediante CSS3 (CSS GRADIENT GENERATOR) o mediante imágenes (IMAGE GRADIENT GENERATOR).
En mi caso me he decantado por crearlo mediante imágenes por el tema de la contabilidad hacia atrás, cuando tenga tiempo probablemente intentaré investigar a partit de qué versiones de los navegadores es compatible la característica de los degradados.
El proceso a seguir en mi caso, ha sido bastante sencillo, lo primero que debemos elegir es si el degradado es horizontal o vertical, lo cual elegiremos desde el apartado MODE.
El tamaño determina el ancho o alto que tendrá nuestra imagen, esto dependerá del tamaño de nuestra web. Y por último los colores de inicio y final, que podremos elegirlos mediante su código HTML o bien mediante la paleta de colores.
Ahora solo quedará darle al botón "Generate" y podremos descargar la imagen generada y copiar el código CSS para incluirlo en nuestra plantilla.
Enlace: www.gradcolor.com
No hay comentarios:
Publicar un comentario