Striped divider CSS

The name of the picture


Striped divider CSS



I've a little CSS problem,



I tried to do this :



STRIPED DIVIDER



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





cut a little image and repeat it with background-repeat
– Roy
5 hours ago




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>





That worked like a charm, didn't knew that exists, thanks for your help!
– Théo Benoit
4 hours ago






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.

Popular posts from this blog

Stripe::AuthenticationError No API key provided. Set your API key using “Stripe.api_key = ”

CRM reporting Extension - SSRS instance is blank

Keycloak server returning user_not_found error when user is already imported with LDAP