BG Patterns using HTML CSS

<div class="myuihub-pattern"></div>

.myuihub-pattern {
    height: 300px;
    background-color: #f5f1df;
    background: radial-gradient(circle, transparent 20%, #f5f1df 20%, #f5f1df 80%, transparent 80%, transparent), radial-gradient(circle, transparent 20%, #f5f1df 20%, #f5f1df 80%, transparent 80%, transparent) 30px 30px, linear-gradient(#be2a2b 2.4000000000000004px, transparent 2.4000000000000004px) 0 -1.2000000000000002px, linear-gradient(90deg, #be2a2b 2.4000000000000004px, #f5f1df 2.4000000000000004px) -1.2000000000000002px 0;
    background-size: 60px 60px, 60px 60px, 30px 30px, 30px 30px;
}

No results found