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

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

ringa_lee
ringa_lee

ringa_lee

reply all(2)
小葫芦

Use gradient repeating-linear-gradient to implement. Pay special attention to the setting of the diagonal stripe width. In the example, to set a diagonal stripe with a width of 2px and a angle of 45 degrees, the horizontal width of the stripe should be set to 2*1.4142 (root 2) px to ensure that the width of the diagonal stripe will not be uneven.

http://codepen.io/huangbuyi/p...

洪涛

Can be achieved using border-image.
Pure CSS is no problem either.
http://codepen.io/hu2x/pen/Lb...
The js here is to write the shadow directly into the css.

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template