Wir begeben uns auf die große Reise, die der Footer ist! CSS-Tricks hatte schon immer einen großen, schicken Footer und dieses Design wird keine Ausnahme sein. Es ist jedoch nicht rein willkürlich. Wir haben viele Dinge, die zumindest einen Link auf der Website verdienen (z. B. Social-Media-Links, Kontakt-Links, andere Projekte, an denen ich arbeite usw.), und der Footer ist ein perfekter Ort dafür.
Wir integrieren dort unten das klassische CSS-Tricks-Asterisk-Logo anstelle des Headers, der bereits beschäftigt genug ist. Aber zuerst setzen wir den Footer mit einer Art Abdunkelungs- und Schatteneffekt ab, um ihn vom oberen Bereich abzuheben.
Wir verwenden schließlich die Form des Asterisk als Maske, um darunter ein Foto von mir freizulegen. Wir machen mein Foto schwarz-weiß und durchlaufen den Photoshop-Tool dafür, was zu weitaus schöneren Schwarz-Weiß-Ergebnissen führen kann, als einfach nur Farbinformationen zu entfernen. Dann wenden wir einen sehr starken, markenfarbenen Fotofilter darüber an, um die Marke und die Konsistenz des Designs zu erweitern.