# 076: Benutzerdefinierter Header für den Videobereich - CSS-Tricks

Inhaltsverzeichnis

Die benutzerdefinierte Header-Illustration für den Video-Bereich ist eingegangen, diesmal von Alyssa Nassner.

Wir verbringen ein wenig Zeit damit, die Photoshop-Datei zu organisieren und Ebenen und andere Dinge zu benennen, damit wir organisiert bleiben und verstehen, was was ist. Wir speichern eine Kopie der Datei, um das Original nicht zu beschädigen.

Wir haben letztendlich vier Teile in dieser Überschrift: den Hintergrund, den Titel und die linken und rechten „Rollen“. Es ist ähnlich wie in der Galerie, in der wir die Gruppen von Menschen auf beiden Seiten hatten.

Wir versuchen, ein wenig schlau zu werden, indem wir die Rolle wiederverwenden. Es ist genau das gleiche Bild, das nur im Spiegel abgebildet ist, also transformX(-1)drehen wir es um. Das erspart uns eine Bildanfrage.

Wir stoßen auf ein wirklich seltsames Problem, bei dem sich die linke Rolle weigert, den linken Rand der Seite zu verlassen. Wir verbringen wahrscheinlich zu viel Zeit damit, darüber nachzudenken, warum es nicht funktioniert, und bekommen es in diesem Video letztendlich nicht.

Wir schreiben Medienabfragen, um die Rollen auf kleinen Bildschirmen zu entfernen.

Dateien

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

Interessante Beiträge...