Wyruszamy w wielką podróż, którą jest stopka! CSS-Tricks zawsze miał dużą fantazyjną stopkę i ten projekt nie będzie wyjątkiem. Nie jest to jednak całkowicie bezpłatne. Mamy wiele rzeczy, które naprawdę zasługują na przynajmniej link na stronie (np. Linki do mediów społecznościowych, linki do kontaktów, inne projekty, nad którymi pracuję itp.), A stopka jest na to idealnym miejscem.
Umieściliśmy tam klasyczne logo gwiazdki CSS-Tricks zamiast nagłówka, który jest wystarczająco zajęty. Ale najpierw ustawiliśmy stopkę z efektem zaciemnienia i cienia, aby oddzielić ją od górnego obszaru.
W końcu używamy kształtu gwiazdki jako maski, aby odsłonić moje zdjęcie poniżej. Czarno-białe moje zdjęcie i przechodzimy przez narzędzie Photoshopa, aby zrobić to, co może dać o wiele lepsze rezultaty czarno-białe niż zwykłe usuwanie informacji o kolorze. Następnie nakładamy na wierzch bardzo ciężki markowy kolorowy filtr fotograficzny, aby przedłużyć markę i spójność projektu.