# 076: Aangepaste koptekst voor video-sectie - CSS-trucs

Inhoudsopgave

De aangepaste koptekstillustratie voor de video'ssectie is binnen, dit keer van Alyssa Nassner.

We besteden wat tijd aan het organiseren van het Photoshop-bestand en het benoemen van lagen en zo, zodat we georganiseerd kunnen blijven en begrijpen wat wat is. We slaan een kopie van het bestand op om niet met het origineel te knoeien.

We hebben uiteindelijk vier delen in deze koptekst: de achtergrond, de titel en de linker en rechter ‘Reels’. Het is vergelijkbaar met de galerij waar we de groepen mensen aan weerszijden hadden.

We proberen een beetje slim te worden door de haspel opnieuw te gebruiken. Het is exact hetzelfde beeld, alleen in spiegelbeeld, dus we gebruiken het transformX(-1)om het om te draaien. Dat bespaart ons één beeldverzoek.

We komen een heel raar probleem tegen waarbij de linkerrol weigert van de linkerrand van de pagina af te gaan. We besteden waarschijnlijk te veel tijd aan het uitpraten over waarom het niet zal werken en snappen het uiteindelijk niet in deze video.

We schrijven mediaquery's om de rollen op kleine schermen te verwijderen.

Bestanden

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

Interessante artikelen...