2012-08-15 10 views
26

È possibile aggiungere una sfocatura gaussiana sull'elemento div? Se sì, come posso farlo?Effetto sfocatura su un elemento div

+1

Cosa hai trovato finora? Hai cercato su Google questo problema? –

+0

possibile duplicato di [HTML5 Gaussian blur effect] (http://stackoverflow.com/questions/2975089/html5-gaussian-blur-effect) –

+0

possibile duplicato di [Come applicare un filtro sfocatura CSS 3 a un'immagine di sfondo che io sto impostando con background-image?] (http://stackoverflow.com/questions/20039765/how-to-apply-a-css-3-blur-filter-to-a-backback-image-that-i-am -impostare-con-ba) – Pureferret

risposta

7

Provare a utilizzare questa libreria: https://github.com/jakiestfu/Blur.js-II

Questo dovrebbe farlo per ya.

+1

Ha bug con chrome + è lento caricamento della pagina. –

+0

collegamento interrotto. prova [blur.js versione II] (https://github.com/jakiestfu/Blur.js-II) –

29

credo che questo è quello che stai cercando? Se stai cercando di aggiungere un effetto di sfocatura a un elemento div, è possibile farlo direttamente tramite CSS Filters-- See violino: http://jsfiddle.net/ayhj9vb0/

div { 
    -webkit-filter: blur(5px); 
    -moz-filter: blur(5px); 
    -o-filter: blur(5px); 
    -ms-filter: blur(5px); 
    filter: blur(5px); 
    width: 100px; 
    height: 100px; 
    background-color: #ccc; 

} 
Problemi correlati