小编Ama*_*der的帖子

主要思路是获取Canva网站首页的UI设计。这是链接： https: //www.canva.com/en_in/

我遵循的步骤：

1. 我发现没有办法模糊背景图像，所以我在<div>id="background" 中插入了一个图像。

2. 然后将其CSS修改为：

   #background{
     position:absolute; 
     top:0;
     left:0;
     z-index:-1;
   }
   

   Run Code Online (Sandbox Code Playgroud)

3. 现在我将对图像进行模糊处理，以便当我将鼠标悬停在图像上时，该特定部分会变得清晰。

4. 显然，当我将鼠标悬停在它上面时，整个图像变得清晰。

5. 但目标是清除鼠标指针悬停的区域。

6. 我想，我们应该利用鼠标事件 ClientX 属性来获取鼠标指针的位置并清除该特定坐标。

7. 但我对如何编码一无所知。