Another css pattern -

Another css pattern

Renato Cantarella 30 Settembre 202328 Settembre 20231 mins0

Sipatico bg anni 80, tramite css, messo tag html bello anche da vedere. Ecco il codice e sotto l’esempio finale:

html {
  --s: 52px; /* control the size */
  --c1:#DFBA69;
  --c2:#5A2E2E;
  
  --p:35%,#0000 calc(35% + 1px);
  background:
    radial-gradient(at 0 100%,var(--c1) var(--p)) var(--s) 0,
    radial-gradient(at 0 100%,var(--c2) var(--p)) 0 var(--s),
    repeating-conic-gradient(from 45deg,var(--c2) 0 25%,var(--c1) 0 50%);
  background-size: calc(2*var(--s)) calc(2*var(--s));
}

See the Pen
Another CSS Pattern by Temani Afif (@t_afif)
on CodePen.

Renato Cantarella

Sono uno sviluppatore web specializzato in WordPress, e-commerce e soluzioni digitali personalizzate. Mi occupo di creare siti veloci, ottimizzati SEO e orientati alla conversione, sviluppando plugin su misura e integrazioni avanzate. Lavoro ogni giorno per unire tecnica, strategia e risultati concreti, aiutando aziende e professionisti a crescere online.