JQuery - Blur by Scroll Effect

Aus Wikizone

Version vom 2. Juli 2018, 10:53 Uhr von 37.49.33.174 (Diskussion) (Die Seite wurde neu angelegt: „https://www.youtube.com/watch?v=Q9NcjZlv6ys jQuery <syntaxhighlight lang="javascript"> $(window).scroll(function(){ var scroll = $(window).scrollTop(); $…“)

(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)

Wechseln zu: Navigation, Suche

https://www.youtube.com/watch?v=Q9NcjZlv6ys

jQuery

$(window).scroll(function(){
  var scroll = $(window).scrollTop();
  $('.img-blur').css({
    filter: "blur(" + (scroll/10) + "px)"
  });
});

Abgerufen von „https://wiki.stephanschlegel.de/index.php?title=JQuery_-_Blur_by_Scroll_Effect&oldid=23095“

Navigationsmenü