-
Filter
- Sintaxe: filter();
- Com a propriedade filter é possível aplicar diversos filtros a uma imagem, como o blur.
- Exemplo: filter: blur(3px) brightness(80%); Aplica o blurn na imagem, deixando-a um pouco mais escura com a propriedade brightness reduzida.
- Sintaxe: object-fit: cover ou background-size: cover;
- Para imagens de background:
Exemplo: background-size: cover; //Ajusta a imagem para o tamanho do elemento parent onde ficará o background. - Para HTML elements, videos:
Exemplo: object-fit: cover; //The video will fill the parent element while maintaining the aspect ratio. - Poderia utilizar uma imagem no object-fit.
Enquadrar uma imagem/video em um elemento