JS实现拖动模糊框特效

本文实例为大家分享了JS实现拖动模糊框特效的具体代码，供大家参考，具体内容如下

需求：

在图片上拖动按钮，图片蒙层慢慢覆盖，当蒙层边缘碰到左右下角文字时，文字隐藏。

技术：

监听器，鼠标坐标获取

效果图

源码分享：

HTML

Image Comparison Slider
 

  
 

   
Modified
 
    
    
   
  
  
Original

CSS样式

JS部分

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。