css3 - Blog Kido

4 efectos con CSS3 para los textos de tu web

Jose Antonio Vila — Mon, 04 Mar 2024 14:18:03 +0000

Con el paso de los años, CSS se está haciendo cada vez más potente y nos ofrece un abanico infinito de posibilidades. Efectos, animaciones, transiciones… Ya lo vimos con algunos efectos para imágenes en su evento hover
En esta ocasión, vamos a explorar cuatro efectos CSS3 para mejorar los textos de tu web. Estos efectos son muy sencillos de implementar pero darán un toque de estilo y clase a tu página web.

The post 4 efectos con CSS3 para los textos de tu web first appeared on Blog Kido.

Crea fácilmente tooltips gracias a CSS3

Jose Antonio Vila — Fri, 27 Oct 2017 09:59:20 +0000

Existen una gran cantidad de recursos visualmente muy sencillos pero que pueden llegar a marcar la diferencia, haciendo ver que se cuidan todos los pequeños detalles de nuestra web. En este caso hablamos de los «tooltips», pequeños globos informativos que pueden aparecer al pasar el ratón por encima de un elemento para dar un poco más de información, para avisar de un error o solamente como pequeño mensaje oculto en nuestro sitio.

The post Crea fácilmente tooltips gracias a CSS3 first appeared on Blog Kido.

CSS3 sin límites: recrean un perro Husky animado

Jose Antonio Vila — Fri, 26 Feb 2016 16:39:02 +0000

David Khourshid es un desarrollador web que tiene cierta pasión por el Javascript y las hojas de estilo. Tal es así que hace unas semanas creó y compartió con la comunidad a través de GitHub su última creación: un perro Husky animado desarrollado íntegramente mediante CSS3 y HTML5. Increíble, ¿verdad? El perrete, al que han bautizado Alex, no es precisamente algo sencillo de desarrollar.

The post CSS3 sin límites: recrean un perro Husky animado first appeared on Blog Kido.

Efecto hover con CSS3 para pies de foto

Jose Antonio Vila — Wed, 29 Oct 2014 18:04:38 +0000

El de hoy es un tutorial de esos sencillos pero que visualmente hacen que una web pueda marcar diferencias.
Utilizando nada más que hojas de estilo vamos a crear pies de foto que aparezcan elegantemente cuando hagamos hover sobre la imagen en cuestión. Es muy útil para tu portfolio, un catálogo de productos o una simple galería de fotos.

Empezaremos montando el código HTML.

The post Efecto hover con CSS3 para pies de foto first appeared on Blog Kido.

Menú responsive para tu sitio web de manera sencilla

Jose Antonio Vila — Tue, 07 Jan 2014 13:08:23 +0000

Crear un menú responsive para tu nuevo diseño web adaptativo es uno de los pasos más importantes que debes tener en cuenta, pues el menú es el centro de la navegación de tu web y los diseños más habituales no servirán y serán dificiles de adaptar.

Si accedes a alguna web con diseño responsive desde tu móvil, o haces pequeño el tamaño del navegador de tu ordenador,

The post Menú responsive para tu sitio web de manera sencilla first appeared on Blog Kido.

5 efectos con CSS3 para las imágenes de tu web

Jose Antonio Vila — Tue, 22 Oct 2013 20:40:48 +0000

ACTUALIZACIÓN: Puedes ver también 4 efectos con CSS3 para los textos de tu web

jQuery ha sido, es y será uno de los grandes reyes para poder realizar animaciones en nuestros códigos sin necesidad de recurrir a Flash, cada vez más abandonado a su suerte, pero CSS3 (sobre todo en su conjunto con HTML5) está recortando mucho terreno y nos permite multitud de efectos geniales con unas pocas líneas en nuestras hojas de estilo.

The post 5 efectos con CSS3 para las imágenes de tu web first appeared on Blog Kido.