¡Nos embarcamos en el gran viaje que es el pie de página! CSS-Tricks siempre ha tenido un gran pie de página elegante y este diseño no será una excepción. Sin embargo, no es puramente gratuito. Tenemos muchas cosas que realmente merecen al menos un enlace en el sitio (por ejemplo, enlaces de redes sociales, enlaces de contacto, otros proyectos en los que trabajo, etc.) y el pie de página es un lugar perfecto para ellos.
Incorporamos el clásico logotipo de asterisco de CSS-Tricks allí en lugar del encabezado, que está lo suficientemente ocupado. Pero primero, iniciamos el pie de página con una especie de efecto de oscurecimiento y sombra para resaltarlo desde el área superior.
Terminamos usando la forma del asterisco como máscara para revelar una foto mía debajo de él. Ponemos mi foto en blanco y negro y pasamos por la herramienta de Photoshop para hacer eso, lo que puede dar como resultado resultados en blanco y negro mucho más agradables que simplemente eliminar la información de color. Luego aplicamos un filtro fotográfico de color de marca muy pesado sobre la parte superior para extender la marca y la consistencia del diseño.
