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

Question

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

Answer 1

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...

Answer 2

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.