一旦一个元素已被剪辑如何解开它

Question

我正在为一个类的网页工作，我们必须剪辑图像，以便只出现一个小框，但是当我们将鼠标悬停在它上面时，它必须返回到全尺寸。

.marker p{ 
     background-color: rgb(70,76,222); 
     width: 150px; 
     height: 170px; 
     color: white; 
     position: absolute; 
     border-radius: 15px; 
     overflow: visible; 
     z-index:1; 
     clip: rect(0px,20px,20px,0px); 
    } 
    .marker p:hover{ 


    } 

原始尺寸为150×170，然后将其夹到0,20,20,0如何我将其返回到其全尺寸时鼠标悬停在20×20矩形

Answer 1

.marker p:hover{ 
    width:140px; 
    height:170px; 
}