# 066: Photoshopping the Footer, časť 1 - Triky CSS

Anonim

Vydávame sa na skvelú cestu, ktorá je pätou! CSS-Tricks vždy mali veľkú efektnú pätu a tento dizajn nebude výnimkou. Nie je to však čisto bezodplatné. Máme veľa vecí, ktoré si skutočne zaslúžia aspoň odkaz na stránku (napr. Odkazy na sociálne médiá, kontaktné odkazy, ďalšie projekty, na ktorých pracujem, atď.) A päta je pre ne perfektným miestom.

Namiesto hlavičky, ktorá je dostatočne zaneprázdnená, začleníme dole klasické logo hviezdičky CSS-Tricks. Najskôr sme však spustili pätu s akýmsi stmavujúcim a tieňovým efektom, aby sme ju spustili z hornej oblasti.

Nakoniec použijeme tvar hviezdičky ako masky, aby sme pod ňou odhalili svoju fotografiu. Čiernobielam moju fotografiu a prechádzame nástrojom Photoshopu, ktorý to robí, čo môže mať za následok oveľa krajšie čiernobiele výsledky ako jednoduché odstránenie farebných informácií. Potom na jeho vrchnú časť nanesieme veľmi ťažký značkový farebný fotografický filter, aby sa rozšírila značka a konzistencia vzoru.