# 076: Vlastní záhlaví pro sekci videa - Triky CSS

Obsah

Přišla vlastní ilustrace záhlaví pro sekci videí, tentokrát od Alyssy Nassner.

Trávíme trochu času organizováním souboru Photoshopu a pojmenováním vrstev a dalších věcí, abychom zůstali organizovaní a pochopili, co je co. Uložíme kopii souboru, abychom se nepopletli s originálem.

Nakonec máme v této hlavičce čtyři části: pozadí, název a levý a pravý „kotouč“. Je to podobné jako v galerii, kde jsme měli skupiny lidí na obou stranách.

Snažíme se být trochu chytří tím, že znovu použijeme naviják. Je to přesně ten samý obraz, který je zobrazen pouze zrcadlem, takže jej používáme transformX(-1)k převrácení. To nám ušetří jeden požadavek na obrázek.

Narazili jsme na opravdu podivný problém, kdy levá cívka odmítá jít mimo levý okraj stránky. Pravděpodobně trávíme příliš mnoho času nadáváním, proč to nebude fungovat, a nakonec to v tomto videu nedostaneme.

Píšeme dotazy na média, abychom odstranili kotouče na malých obrazovkách.

Soubory

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

Zajímavé články...