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