CSS Properties


Lista com todas as propriedades: CSS Properties

    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.

    Enquadrar uma imagem/video em um elemento
    • 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.