这种边框是否可以使用css3来实现
ringa_lee
ringa_lee 2017-04-17 11:52:10
0
2
517

这种边框是否可以使用css3来实现

ringa_lee
ringa_lee

ringa_lee

全部回覆(2)
小葫芦

使用漸層 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 裡邊去。

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板