1

親がマスクされていても(クリップパス)、要素を回転(rotateXまたはrotateY)することは可能ですか? このような：

html

<div class="holder">
    <div class="square"></div>
</div>

CSS

.holder{
    -webkit-clip-path: polygon(0px 60%,50% 0px,100% 0px,100% 75%,0px 100%);
}
.square
{
    background-color:red;
    height:500px;
    width:500px;
    transform: rotateY(20deg);
}

私は私の問題で例を作りました。

https://jsfiddle.net/29xecv6c/1/

ありがとうございました

4

1 に答える 1

1

解決策は、ホルダーに「overflow:hidden」を追加することでした。これがより良い解決策かどうかはわかりませんが、うまくいきました。

于 2015-07-21T23:02:23.707 に答える