Home Codepen Another css pattern

Another css pattern

350
0

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.

Previous articleCome ottenere Client ID e Chiave segreta di PayPal
Next articleYii PHP Framework

LEAVE A REPLY

Please enter your comment!
Please enter your name here