elWebmaster.com

Los genios de Colorzilla han creado una herramienta tan práctica como sencilla: Un generador de gradientes capaz de tomar una imagen de un gradiente y transformarla en el código CSS necesario para emularlo en nuestro sitio web. Además… Seguir leyendo

En la mayoría de los sitios web que visitamos a diario, a la hora de compartir algo que nos ha gustado en las redes sociales, veremos el mismo grupo de íconos dispuestos de una manera repetitiva y monótona. Si queremos que los íconos de nuestro sitio web se destaquen, podemos utilizar este sencillo e impactante efecto para lograrlo. Seguir leyendo

Las animaciones con CSS3 son increíbles. De buen rendimiento, y más sencillas que utilizar Javascript, son el futuro en cuanto al potencial de los navegadores. Uno de los efectos más atractivos es el de hacer a tus íconos giratorios con un pequeño grado de zoom. ¿Quieres saber cómo lograrlo? Seguir leyendo

Si necesitas colocar bordes a un elemento en tan sólo tres de sus lados, hay unas cuantas maneras de hacerlo. ¿Pero cúal será la más apropiada? En este artículo veremos qué se necesita para resolver esta particular cuestión. Seguir leyendo

Hoy haremos algo sencillo y práctico: Un simple menú de navegación animado con CSS3, el cual se verá aceptable en navegadores viejos, y funcionará a la perfección en la siguiente generación de navegadores. ¿Comenzamos? Seguir leyendo

Con este efecto, podrás lograr que los thumbnails de la galería se fundan, formando la foto que haya sido seleccionada.  Y eso no es todo. No dejes de ver la demostración de este atractivo efecto, y descargar el plugin para utilizarlo en tu sitio web. Seguir leyendo

No hay duda de que CSS3 nos ha permitido solucionar fácilmente algunos inconvenientes que en el pasado nos han dado muchos dolores de cabeza. En este artículo, veremos un sencillo truco para colocar dos colores de fondo distintos tanto al contenido principal como a la barra lateral, sin utilizar una sola imagen. Seguir leyendo

WebKit soporta la nueva propiedad background-clip de CSS3, lo que es una buena noticia ya que puedes utilizarla para lograr este efecto impactante en el que las letras están conformadas por la imagen de fondo. Y lo mejor de todo, es que tan sólo bastan unas pocas lineas de código. Seguir leyendo

A través de CSS3 podemos dar a nuestras imágenes un práctico efecto de sombra proyectada, ideal para destacar el logotipo de tu sitio web. Realizar este sencillo truco sólo nos llevará unas pocas líneas de ćodigo. Seguir leyendo

Ha habido mucho debate por esta sencilla pero crucial cuestión. ¿Debe tu logo estar colocado como una imagen entre lineas, o como h1 valiéndose de CSS?

En el artículo que veremos a continuación, se barajan algunos argumentos de por qué es más conveniente utilizar la primera opción. ¿Será suficiente para convencerte? ¿Podrá resolver de una vez por todas este intenso debate? Seguir leyendo