# 076: Encabezado personalizado para la sección de video - Trucos CSS

Anonim

Ha llegado la ilustración del encabezado personalizado para la sección de videos, esta vez de Alyssa Nassner.

Dedicamos un poco de tiempo a organizar el archivo de Photoshop y nombrar capas y cosas para poder mantenernos organizados y entender qué es qué. Guardamos una copia del archivo para no ensuciar el original.

En última instancia, tenemos cuatro partes en este encabezado: el fondo, el título y los "carretes" izquierdo y derecho. Es similar a la Galería donde teníamos grupos de personas a ambos lados.

Intentamos ser un poco inteligentes reutilizando el carrete. Es exactamente la misma imagen solo reflejada, por lo que usamos transformX(-1)para darle la vuelta. Eso nos ahorrará una solicitud de imagen.

Nos encontramos con un problema realmente extraño en el que el carrete izquierdo se niega a salirse del borde izquierdo de la página. Probablemente pasamos demasiado tiempo enloqueciendo sobre por qué no funcionará y, en última instancia, no lo entendemos en este video.

Escribimos consultas de medios para eliminar los carretes en pantallas pequeñas.

Archivos

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