- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- [Jquery] Effetto blur sulla pagina
-
[Jquery] Effetto blur sulla pagina
Ciao a tutti,
Vorrei sapere come posso creare un effetto sfuocato (blur) su una parte specifica della home del mio sito, mi spiego...Cliccando su una voce del menù, attraverso uno scrolling fatto con jquery, la pagina scorre fino alla sezione desiderata. Vorrei però che il resto della pagina si sfuocasse automaticamente in modo da far risaltare solo la parte richiamata dal menù.
Spero di essermi espresso bene...
Grazie
Ciao
-
aiutino
-
Ciao, per sfuocare puoi usare la proprietà "filter" di CSS3.
$(elemento).css("filter", "blur(2px)");
Non è compatibile con tutti i browser, e dovrai usare i vendor prefix.
Per ottenere un semplice effetto di overlay, più chiaro o scuro (effetto lightbox), puoi giocare con position:absolute e z-index per aggiungere un livello trasparente.