Lähdemme suurelle matkalle, joka on alatunniste! CSS-Tricksillä on aina ollut iso hieno alatunniste, eikä tämä muotoilu ole poikkeus. Se ei kuitenkaan ole puhtaasti ilmainen. Meillä on paljon asioita, jotka ansaitsevat ainakin linkin sivustolle (esim. Sosiaalisen median linkit, yhteyshenkilölinkit, muut projektit, joissa työskentelen jne.), Ja alatunniste on täydellinen paikka niille.
Sisällytämme klassisen CSS-Tricks-tähtilogon siellä alaosaan riittävän kiireisen otsikon sijaan. Mutta ensin asetimme alatunnisteen eräänlaisella tummentavalla ja varjostavalla vaikutuksella asettamaan sen pois ylimmältä alueelta.
Käytämme tähden muotoa maskina paljastaaksesi kuvan itsestäni sen alla. Mustavalkoistamme valokuvani ja käymme läpi Photoshopin työkalun sen tekemiseen, mikä voi johtaa paljon mukavampiin mustavalkoisiin tuloksiin kuin vain väritietojen poistaminen. Sitten levitämme sen päälle erittäin raskasta merkkiväristä valokuvasuodatinta tuotemerkin ja yhtenäisyyden lisäämiseksi.