Q

純CSS色帶，簡單的方法？

css3
css

2013-11-14 29 views 1 likes

1

我想使用CSS3實現這個功能區：純CSS色帶，簡單的方法？

enter image description here

是否有辦法在CSS 3打造「扭曲」的矩形或者我應該去的三角形？我對CSS3很新穎。什麼是最簡單的方法來實現這個功能區？

2013-11-14 Kinesias

A

回答

2

我有一些運氣使用這個工具：http://cssarrowplease.com/

在你的情況，你會同時擁有:before和:after不同的方向配置。

最後，請注意，要獲得指向箭頭，您可以在4的一邊使用邊框。但要獲得對角線，只需在相鄰兩邊使用邊框，而在其他邊上不使用邊框。

祝你好運！

2013-11-14 18:23:11

+1

解決方案是「偏斜」：-webkit-transform：skew（-20deg）; -moz-transform：skew（-20deg）; -ms-transform：skew（-20deg）; transform：skew（-20deg）; – Kinesias

相關問題