# 066: Photoshopping the Footer, Bagian 1 - Trik CSS

Anonim

Kami memulai perjalanan besar yang merupakan footer! CSS-Tricks selalu memiliki footer mewah yang besar dan desain ini tidak terkecuali. Ini tidak sepenuhnya serampangan. Kami memiliki banyak hal yang benar-benar pantas setidaknya mendapatkan tautan di situs (misalnya tautan media sosial, tautan kontak, proyek lain yang saya kerjakan, dll) dan footer adalah tempat yang tepat untuk mereka.

Kami menggabungkan logo asterisk CSS-Tricks klasik di bawah sana alih-alih header yang cukup sibuk. Tapi pertama-tama, kita mengatur footer dengan semacam efek darkening dan drop shadow untuk mengaturnya dari area atas.

Kami akhirnya menggunakan bentuk asterisk sebagai topeng untuk menampilkan foto diri saya di bawahnya. Kami hitam dan putih foto saya dan pergi melalui alat Photoshop untuk melakukan itu yang dapat menghasilkan hasil hitam dan putih yang jauh lebih baik daripada hanya menghapus informasi warna. Kemudian kami menerapkan filter foto berwarna merek yang sangat tebal di atasnya untuk memperluas merek dan konsistensi desain.