Códigos Fuente de CSS

Código de CSS que muestra tres pelotas rebotando que se puede utilizar mientras se carga un contenido.

Código que muestra como generar un efecto de zoom sobre una imagen y texto al pasar el ratón por encima.


La misma versión permo haciendo zoom a los dos elementos a la vez: https://www.lawebdelprogramador.com/codigo/CSS/6759-Efecto-de-zoom-ha-varios-elementos-con-un-evento-hover-con-CSS3.html

Este código es una modificación del código https://www.lawebdelprogramador.com/codigo/CSS/2275-Efecto-de-zoom-en-una-imagen-y-texto-con-CSS3.html#comentarios, permitiendo que al pasar el ratón por encima de un elemento, se active el hover de un texto y una imagen a la vez.

Algo pequeño no es responsive, pero se puede hacer.

es una pequeña animación con iconos y la propiedad de hover.

Código que muestra como centrar un elemento verticalmente utilizando el display flex

Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...

Espero sea útil.

Un saludo

Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo

Ejemplo de como dibujar una estrella de doce puntas con CSS.
Al igual que la estrella de ocho puntas que utiliza dos cuadrados, en este caso se utilizan tres cuadrados rotados a 0º, 30º y 60º, haciendo uso del :before y :after.

Ejemplo de como dibujar una estrella de ocho puntas con CSS.
La manera que se utiliza, es crear un cuadrado rotado 20 grados a la derecha, y en :before se crea otro cuadrado rotado 135 grados a la derecha.

Ejemplo de como dibujar un huevo con CSS.