Finding the effect of fading and blurring at the same time using jQuery or Javascript

Can anyone think of a way to simulate the fader / blur effect used on the following website:

http://www.frenchlaundry.com/ (the image disappears and blurry on hover, while the text disappears at the same time)

using jquery? I am looking for this whole chain of effects to occur at boot time or when the DOM is ready (instead of hovering over it). And by blur, I mean the blur of a Gaussian type - perhaps using Pixastic (?)

I am really new to this, so please be careful :)

Thank.

+3
source share
3

animate() JQuery .

... :

http://api.jquery.com/animate/

+3

JQuery - animate(), CSS, , Gaussian.

Pixastic - , .

+2

: http://www.pixastic.com/

, , animate() JQuery setTimeout.

+2

Source: https://habr.com/ru/post/1740705/


All Articles