Want to make creations as awesome as this one?

Transcript

Reutilizar

  • rgba(250,250, 250,.75)
  • rgb(5,55, 9)

  • rgb(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(5,55, 9,1)

DADOS

100% PERSONALIZABLES #inspiraciónSandbox

Version 1.0 - 30/05/21

  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)

  • rgba(250,250, 250,.75)
  • rgba(5,55, 9,1)

  • linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
  • 1px inset hsla(0, 100%, 98%, 1)
  • radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

  • rgba(50, 50, 50,.75)
  • rgba(255, 255, 229,1)

  • rgba(50, 50, 50,.75)
  • rgb(255, 0, 229)

  • hsla(123, 91%, 52%, 0.9)
  • 1px inset hsla(127, 100%, 24%, 1)
  • radial-gradient(circle, rgba(255,238,246,1) 0%, rgba(150,24,227,1) 100%)

  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)

  • rgba(50, 50, 50,.75)
  • rgba(255, 0, 229,1)

Utiliza este selector para obtener el código de color para crear tus dados.Si R: 50, G: 50, B: 50 el código serárgba(50, 50, 50, 1).Podemos reducir la opacidad con decimales, por ejemplo al 50% utilizando rgba(50 ,50 ,50 , 0.5)

  • hsla(0, 100%, 50%, 1)
  • 1px inset hsla(0, 100%, 98%, 1)

  • linear-gradient(130deg, rgba(193,21,96,.8) 0%, rgba(150,24,227,.8) 100%)
  • 1px inset hsla(0, 100%, 98%, 1)
  • radial-gradient(circle, rgba(244,210,255,1) 0%, rgba(197,161,219,1) 100%)

  • rgba(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(244,210,255,1)

Agrupa 6 imágenes con tu dado para conseguir uno tan divertido como este.

  • rgb(250,250, 250,.9)
  • 1px inset hsla(0, 100%, 98%, 1)
  • rgba(5,55, 9,1)