[CSS] 實作不對稱設計（Asymmetrical Designs）

透過ｃｓｓ的語法可以實作各式的不對稱DIV區塊，

使用Pseudo-Elements或Clip-Path都可以達成

可以讓網站的設計不用特別請設計師輸出圖片。

最後透過 CSS clip-path maker 這個網站工具就更操作直覺了

https://www.viget.com/articles/angled-edges-with-css-masks-and-transforms/

https://medium.com/@RoseLGauthier/how-to-use-css3-pseudo-elements-to-create-asymmetrical-designs-f610f2a481ed

http://jsfiddle.net/948ud6f7/

４０種以上常見圖形

https://css-tricks.com/the-shapes-of-css/