![Creative The name of the picture]()
Striped divider CSS
I've a little CSS problem,
I tried to do this :

And I couldn't find a way to do it properly (look kinda the same),
I tried things like background-linear-gradient, didn't have what I wanted :/
Is this even possible to do that with CSS ? Thanks for your help :D
Théo
1 Answer
1
Use repeating-linear-gradient
:
repeating-linear-gradient
.divider {
height:20px;
background:repeating-linear-gradient(-45deg,#fff 0px,#fff 4px,#000 4px,#000 8px);
}
<div class="divider">
</div>
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
cut a little image and repeat it with background-repeat
– Roy
5 hours ago