一旦元素被剪裁，你怎么解开它

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 x 170，然后将其剪裁为0,20,20,0当鼠标悬停在20x20矩形上时如何将其恢复为全尺寸

Answer 1

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