# 076: Cabeçalho personalizado para a seção de vídeo - CSS-Tricks

Índice

A ilustração do cabeçalho personalizado para a seção de vídeos chegou, desta vez de Alyssa Nassner.

Passamos um pouco de tempo organizando o arquivo do Photoshop e nomeando camadas e outras coisas apenas para que possamos nos manter organizados e entender o que é o quê. Salvamos uma cópia do arquivo para não mexer no original.

No final das contas, temos quatro partes neste cabeçalho: o plano de fundo, o título e os "Momentos" esquerdo e direito. É semelhante à Galeria onde tínhamos grupos de pessoas de cada lado.

Tentamos ser um pouco mais inteligentes reutilizando o carretel. É exatamente a mesma imagem, apenas com imagem de espelho, então usamos transformX(-1)para inverter. Isso nos poupará um pedido de imagem.

Nós nos deparamos com um problema muito estranho, em que a bobina esquerda se recusa a sair da borda esquerda da página. Provavelmente passamos muito tempo enlouquecendo sobre por que não funciona e, no final das contas, não entendemos neste vídeo.

Escrevemos consultas de mídia para remover as bobinas em telas pequenas.

arquivos

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

Artigos interessantes...