# 076: Tilpasset header til videosektion - CSS-tricks

Indholdsfortegnelse

Den tilpassede headerillustration til videosektionen er kommet ind, denne gang fra Alyssa Nassner.

Vi bruger lidt tid på at organisere Photoshop-filen og navngive lag og ting, så vi kan holde orden og forstå, hvad der er. Vi gemmer en kopi af filen for ikke at rode med originalen.

Vi har i sidste ende fire dele i dette overskrift: baggrunden, titlen og venstre og højre “Hjul”. Det ligner galleriet, hvor vi havde grupper af mennesker på begge sider.

Vi prøver at blive lidt kloge ved at genbruge rullen. Det er det nøjagtigt samme billede, der kun er spejlbillede, så vi bruger det transformX(-1)til at vende det rundt. Det sparer os en billedanmodning.

Vi løber ind i et virkelig underligt problem, hvor det venstre hjul nægter at gå ud af sidens venstre kant. Vi bruger sandsynligvis for meget tid på at freaking ud af, hvorfor det ikke fungerer, og i sidste ende får vi det ikke i denne video.

Vi skriver medieforespørgsler for at fjerne hjulene på små skærme.

Filer

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

Interessante artikler...