这种边框是否可以使用css3来实现
ringa_lee
使用漸層 repeating-linear-gradient 實現,特別要注意的是斜條紋寬度的設定。範例中,要設定2px寬,45度的斜條紋,則條紋水平寬度設定為2*1.4142(根號2)px,才能確保斜條紋的寬度不會參差不齊。
http://codepen.io/huangbuyi/p...
可以用 border-image 來實現。 純 CSS也沒問題。 http://codepen.io/hu2x/pen/Lb...這裡邊js是為了寫的陰影可以直接寫到 css 裡邊去。
使用漸層 repeating-linear-gradient 實現,特別要注意的是斜條紋寬度的設定。範例中,要設定2px寬,45度的斜條紋,則條紋水平寬度設定為2*1.4142(根號2)px,才能確保斜條紋的寬度不會參差不齊。
http://codepen.io/huangbuyi/p...
可以用 border-image 來實現。
純 CSS也沒問題。
http://codepen.io/hu2x/pen/Lb...
這裡邊js是為了寫的陰影可以直接寫到 css 裡邊去。