# 037: Ehituse otsing, 3. osa - CSS-trikid

Anonim

Meil on otsinguala viimistlemiseks veel natuke tööd.

Me satume vaid sekundiks kõrvale, kuna märkan, et me ei lisanud kolmemõõtmelist virnastamise efekti veel lehe mähisele, nii et me teeme seda ja muudame värvi.

Seejärel töötame alal „Otsi:”, mis on väikesed lingid, kus saate klõpsata, et saidi ala järgi otsingut kitsendada. Hiljem paneme selle tegelikult tööle, kuid saame selle jaoks määratud kasutajaliidese siin. Lingid on helesinised, kuid „valitud” link muutub valgeks ja allajoonitud, mis on palju tagasisidet selle kohta, milline on valitud.

Lisame väikse lingina ka märgi ✕ (mille kopeerime CopyPasteCharacterist), millele saate klõpsata (või puudutada) otsingupiirkonna sulgemiseks.

Kui disain on kõik valmis, leiame, et otsingupiirkonna avamine ja sulgemine on veidi ebamugav. Asjad ümbritsevad end ajutiselt, kui avatud otsingupiirkond on ajutiselt kitsas. Selle parandamiseks veendume, et miski ei mähiks white-space: nowrap;ja tagaks, et miski ei jääks imelikuks oveflow: hidden;.

Lõpetan selle, öeldes, et teeme järgmiseks otsingumootorid, kuid me ei jõua tegelikult järgmisena, see tuleb video # 094 ümber.