使用position定位實現(xiàn)鼠標移動滑出效果
先使用一個父級元素將背景和劃出的區(qū)域包裹
為三個元素設置同樣寬高，之后為父元素設置overflow：hidden屬性番刊，遮罩層屬于溢出部分進行隱藏，然后為遮罩層定位到背景的下面，因為設置了overflow：hidden屬性，現(xiàn)在是看不到的舞竿，
使用hover偽元素觸發(fā)遮罩：設置父級wrapper position：relative設定為遮罩的定位祖先元素，遮罩層msk設置position：absolute觸發(fā)時設置定位到父元素的top：0 位置 窿冯，
transition可以設置過度時間
效果圖
鼠標滑過
代碼
當鼠標劃過時遮罩層進行定位到top：0的位置骗奖，實現(xiàn)滑動效果
使用position定位以及透明度實現(xiàn)畫面淡出效果
設置同等寬高，使遮罩層定位到和需要遮罩的相同位置醒串，設置透明度為0执桌， 使用hover偽元素對其設置需要的透明度
