Saltar para o conteúdo principal Saltar para o conteúdo

A carregar portfolio

CSS Playground

Experimenta propriedades CSS em tempo real

Descomplicai

Dimensões

Width200px

Height200px

Background

Usar gradiente

Cor de fundo

#3b82f6

Border

Largura0px

Estilo

Cor

#000000

Border-radius

Ligar todos

Todos os cantos0%

Box-shadow

Opacidade

Opacity1

Transform

Rotate0°

Scale1

SkewX0°

SkewY0°

TranslateX0px

TranslateY0px

Transition

Duration0.3s

Texto

Conteúdo

Font-size16px

Cor do texto

#ffffff

Font-weight

Text-align

Efeitos

Backdrop-blur0px

Cursor

200 × 200

CSS gerado

.my-element {
  width: 200px;
  height: 200px;
  background: #3b82f6;
  transition: all 0.3s ease;
}