3
A
回答
4
你也可以用兩個傾斜的僞元素來做到這一點。 Support is the same as for box-shadow
: everything except IE8/7 and Opera Mini。
live demo
HTML:
<div class='box'></div>
CSS:
.box {
position: relative;
margin: 10em auto 0;
width: 20em; height: 20em;
background: dimgrey;
}
.box:before, .box:after {
position: absolute;
transform-origin: bottom right;
content: '';
}
.box:before {
top: 0; right: 100%; bottom: 0;
width: 4em;
background: darkgrey;
transform: skewY(45deg);
}
.box:after {
right: 0; bottom: 100%; left: 0;
height: 4em;
background: silver;
transform: skewX(45deg);
}
相關問題
- 1. CSS:創建凸起盒子效果的好方法是什麼?
- 2. 什麼是在JavaScript中創建對象的更好方法?
- 3. 在Silverlight 4中創建MVVM DataPager的好方法是什麼?
- 4. 在8位塊中使用變量的好方法是什麼?
- 5. 什麼是在Linux上本地基準Apache的好方法?
- 6. 什麼是創建活動日曆的好方法
- 7. 什麼是創建可逆散列的好方法/函數?
- 8. 用maven創建SAR檔案的好方法是什麼?
- 9. 什麼是創建這個HTML塊的正確方法
- 10. 在Excel 2003中創建可變大小的組合的好方法是什麼?
- 11. 在ie上調試css最好的方法是什麼?
- 12. 什麼是處理symfony2中編輯css文件的好方法
- 13. 什麼是在HTML中創建動態數據表的好工具或方法?
- 14. 在Django的Angular中幹什麼最好的方法是什麼?
- 15. 什麼是在Python類中排序方法的好方法?
- 16. 什麼是最好的Actionscript3 3D引擎?
- 17. 在Numpy中創建「3D身份矩陣」的最佳方式是什麼?
- 18. 什麼是最好的WebControl創建此
- 19. 什麼是從PHP中的視頻創建縮略圖的更好方法?
- 20. 什麼是JSLint批准的創建長字符串的方式?
- 21. 什麼是創建別名或標準
- 22. 如何在3D世界中創建塊?
- 23. 什麼是模塊在rails項目中的好地方
- 24. 什麼是以編程方式創建虛擬機的良好API或方法?
- 25. 什麼是在github中創建請求的正確方法
- 26. 在Java中創建對象的正確方法是什麼?
- 27. 什麼是在CosmosDB中創建表的正確方法?
- 28. 在Go中創建2D切片的簡潔方法是什麼?
- 29. 什麼是在Swift中創建NSWindowController Singleton的正確方法?
- 30. 什麼是在Nativescript中創建組件的正確方法?
相關:http://cubiq.org/building-a-pure-css-3d-城市 – Annan
+1 ...和CSS還有一件事我不認爲它確實。 – Ben