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

这种边框是否可以使用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 里边去。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板