O transformador Blur permite que você aplique um efeito de desfoque às suas imagens. Este efeito é útil para criar um fundo suavizado, realçar o foco em outros elementos da imagem ou simplesmente para efeitos estéticos.
Estrutura do Parâmetro
/blur:[valor]/
/blur:50/
Para desfoque de intensidade de 50
/blur:233/
Para desfoque de intensidade de 233
/blur:0.6/
Para desfoque de intensidade de 0.6
Para aplicar o efeito de desfoque, a URL deve ser estruturada da seguinte maneira:
https://img.voidr.co/meu_projeto/blur:50/fetch/:url
Onde valor é um número que define a intensidade do desfoque.
⚠️ O valor deve estar entre 0.3 e 1000.
Exemplo de Uso
Para aplicar um desfoque de intensidade 100 à sua imagem, a URL seria:
https://img.voidr.co/meu_projeto/blur:100/fetch/https://images.unsplash.com/photo-1561336313-0bd5e0b27ec8