Erstellen von Blur-Effekten mit css und jQuery beim Scrollen

8

Ich versuche einen Unschärfeeffekt zu erzeugen, wenn der Benutzer mit css und jquery im Browserfenster rauf- und runterscrollt. Hier ist mein Code.

HTML

%Vor%

CSS

%Vor%

jQuery

%Vor%

Demo-Geige

Was ich versuche zu tun ist, den Alpha-Wert des CSS-Regel-Hintergrunds zu erhöhen und zu verringern: rgba () mit jquery, wenn der Benutzer nach oben und unten scrollt, So wird es beim Scrollen unscharf. Oder gibt es einen anderen Weg, dies zu tun? Bitte helfen Sie mir, dies zu erreichen.

    
The Last Coder 23.05.2015, 14:57
quelle

2 Antworten

10

Scrollen während ein Bild verwackelt wird

Demo

Ссылка

Code

%Vor%     
Tasos 23.05.2015, 15:20
quelle
1

Verwenden Sie für den Effekt "Unschärfe" css filter %. co_de%, wobei blur(Npx) eine Zahl ist; N px Pixeleinheiten z.B. css

%Vor% %Vor% %Vor%

jsfiddle Ссылка

    
guest271314 23.05.2015 15:11
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset R: Wie man ein PGN als Datenrahmen einliest