Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal, tudo bem?
Estou com uma dúvida bem bobinha... mas gostaria que me ajudassem a solucionar.
Alguns sites utilizam uma forma de carregar as imagens deixando elas embaçadas/desfocadas. Até que são carregadas e elas aparecerem normalmente...
Exemplo básico seria esse site: https://www.redbull.com/br-pt/athletes
Sabem me explicar como isso é feito, e pra que ? Meu site usa bastante imagens, gostaria de saber se tem algum benefício ou se seria somente estética ... Obrigado!
(Não sei se isso é feito em JavaScript, acredito que sim... perdão se publiquei na área errada).
@Pitag346 O efeito é feito usando css. Aqui tem um tutorial de como fazer https://www.w3schools.com/howto/howto_css_blurred_background.asp.
Aqui tem um projeto de como trabalhar com load de imagem em javascript https://codepen.io/morto/pen/pozgwZJ.