我想創建與過渡和箱陰影純CSS3張貼的紙張。 到目前爲止,我已經完成了與陰影紙兩面,但我想使它看起來像這樣: 發佈本文CSS3
是,即使可能沒有圖像?
.shadow {
width: 150px;
height: 150px;
background-color: yellow;
position: relative;
}
.shadow:after {
position: absolute;
right: 10px;
left: auto;
-webkit-transform: skew(8deg) rotate(3deg);
-moz-transform: skew(8deg) rotate(3deg);
-ms-transform: skew(8deg) rotate(3deg);
-o-transform: skew(8deg) rotate(3deg);
transform: skew(8deg) rotate(3deg);
}
<div class="shadow">
edit this even further
</div>
你可以發佈你試過什麼碼? – Persijn
.shadow:後 { \t右:10px的; left:auto; -webkit-transform:skew(8deg)rotate(3deg); -moz-transform:skew(8deg)rotate(3deg); -ms-transform:skew(8deg)rotate(3deg); -o-transform:skew(8deg)rotate(3deg); transform:skew(8deg)rotate(3deg); } 能貼更多...最多字符.... – WeBWeB
通常你張貼你的努力當你問的問題做代碼或示例代碼。我將編輯您在評論中發佈的內容。 再次編輯以添加您自己的代碼。 – Persijn