Galeria de ejercicios para mis alumnos

Ejercicios HTML

Ejercicios CSS

Ejercio 1:Título con letra de molde

En este ejercicio:
Con el uso de la propiedad "background-clip" y el valor "text", se convierte visualmente el texto en un molde, con la propiedad "color" y el valor de "transparent".
El texto se convierte en una ventana que permite ver el fondo. Actualmente hay navegadores que no ejecutan esta propiedad, para ello añadimos -webkit

ejemplo de código con el uso de background-clip

Maqueta el header de una web,cuyo texto sea tu nombre y el fondo una imagen de unsplash, u otro recurso de imagenes de uso libre.

HOLA

Ejercicio 2:Cubo neon

Para hacer el efecto neón, en el caso de texto, se le da un color Blanco y una sombra (text-shadow) de color vivo, sin desplazamiento.

imagen con el codigo de ejemplo de text-shadow

Crea una cuadricula de 3x3 cuadrados blancos sobre un fondo negro que al pasar el cursor cambien de color a efecto neon, creando el efecto de que se enciende.

gif con el resultado del cubo neon

Ejercicios js

Volver a inicio