Embarcamos na grande jornada que é o rodapé! CSS-Tricks sempre teve um grande rodapé extravagante e este design não será exceção. Porém, não é puramente gratuito. Temos muitas coisas que realmente merecem pelo menos um link no site (por exemplo, links de redes sociais, links de contato, outros projetos em que trabalho, etc) e o rodapé é um lugar perfeito para eles.
Incorporamos o logotipo de asterisco CSS-Tricks clássico ao invés do cabeçalho, que está bastante ocupado. Mas primeiro, iniciamos o rodapé com uma espécie de escurecimento e efeito de sombra projetada para destacá-lo da área superior.
Acabamos usando o formato do asterisco como máscara para revelar uma foto minha abaixo dele. Pegamos minha foto em preto e branco e usamos a ferramenta do Photoshop para fazer isso, o que pode resultar em resultados em preto e branco muito melhores do que simplesmente remover informações de cores. Em seguida, aplicamos um filtro fotográfico colorido de marca muito pesado sobre a parte superior para estender a marca e a consistência do design.