# 076: Vlastná hlavička pre sekciu videa - Triky CSS

Obsah

Prišla vlastná ilustrácia hlavičky pre sekciu videí, tentokrát od Alyssy Nassner.

Trávime trochu času organizovaním súboru Photoshopu a pomenovávaním vrstiev a podobne, aby sme mohli zostať organizovaní a pochopiť, čo je čo. Uložíme si kópiu súboru, aby sme sa nestarali o originál.

Nakoniec máme v tejto hlavičke štyri časti: pozadie, nadpis a ľavú a pravú „cievku“. Je to podobné ako v galérii, kde sme mali skupiny ľudí na oboch stranách.

Snažíme sa byť trochu šikovní opätovným použitím Navijaka. Je to presne ten istý obraz, ktorý je zrkadlovo zrkadlovo znázornený, takže ho používame transformX(-1)na otočenie. To nám ušetrí jednu požiadavku na obrázok.

Narazili sme na skutočne zvláštny problém, keď ľavá cievka odmieta ísť z ľavého okraja stránky. Pravdepodobne trávime príliš veľa času šialenstvom nad tým, prečo to nebude fungovať, a nakoniec ho v tomto videu nezískame.

Píšeme mediálne dotazy, aby sme odstránili cievky na malých obrazovkách.

Súbory

  • 76-fim-reel-final.psd.zip

Zaujímavé články...