剪辑元素后如何取消剪辑

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;
}