現在、このサイトの開発はほぼ完了していますが、現在、2 つの画像と不透明度を使用してぼかし効果をシミュレートしているため、ユーザーはスクロール時に画像がぼやけていると考えるでしょう。しかし、効果が十分だとは思いません.CSS3のぼかしはウェブサイトを完全に遅くします.
これは私がこれまでに試したことです..ところで、これにはscrolloramaを使用しています。
HTML
<div id="imgprinc1" data-0="top:0%" data-2200="top:-5%"></div>
<div id="imgprinc2" data-0="top:0%" data-2200="top:-5%"></div>
Imgprinc1 が通常の画像で、次がぼかした画像です。
JS
scrollorama.animate('#imgprinc1',{delay:200,duration: 600, property:"opacity" , start:1 , end: 0});
scrollorama.animate('#imgprinc2',{delay:1800,duration: 500, property:"opacity" , start:1 , end: 0});