# 076: Niestandardowy nagłówek sekcji wideo - CSS-Tricks

Spisie treści

Pojawiła się niestandardowa ilustracja nagłówka sekcji wideo, tym razem od Alyssy Nassner.

Poświęcamy trochę czasu na porządkowanie pliku Photoshopa i nazywanie warstw i innych rzeczy, abyśmy mogli zachować porządek i zrozumieć, co jest. Zapisujemy kopię pliku, aby nie zepsuć oryginału.

Ostatecznie mamy cztery części w tym nagłówku: tło, tytuł oraz lewy i prawy „Kołowrotki”. Jest podobny do galerii, w której mieliśmy grupy ludzi po obu stronach.

Staramy się być trochę sprytni, ponownie używając Reel. Jest to dokładnie ten sam obraz, tylko lustrzany, więc używamy go transformX(-1)do odwracania. To zaoszczędzi nam jednego żądania zdjęcia.

Napotykamy naprawdę dziwny problem, w którym lewa rolka nie chce zejść z lewej krawędzi strony. Prawdopodobnie spędzamy zbyt dużo czasu, zastanawiając się, dlaczego to nie zadziała i ostatecznie nie dostaniemy tego w tym filmie.

Piszemy zapytania o media, aby usunąć szpule na małych ekranach.

Akta

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

Interesujące artykuły...