testando
Participar da comunidade
tag mark funciona aqui?
figcaption aparece?tag time aparece formatada?button tag
button.btn-primary
testando
background-image:url() FUNCIONA?
background-repeat:repeat
background-repeat:no-repeat + background-position:center
background-size:cover
background-size:contain
linear-gradient left→right
linear-gradient 135deg
radial-gradient circle
linear-gradient com rgba (overlay escuro)
border-radius:8px
50%
border-radius bottom only
border-radius pill shape
box-shadow normal
box-shadow neon glow
box-shadow inset
text-shadow normal
text-shadow neon glow
text-shadow contorno
opacity:1
opacity:0.7
opacity:0.4
opacity:0.1 (quase invisível)
transform:rotate(5deg)
transform:skewX(-10deg)
transform:scale(1.1)
transform:translateX(40px)
position:absolute top-right
position:absolute bottom-left
container com position:relative
flex item 1
flex item 2
flex item 3
titulo
subtitulo à direita
inline-block 1
inline-block 2
inline-block 3
grid col 1
grid col 2
grid col 3
overflow:hidden — este texto é muito longo e deveria ser cortado pelo container sem aparecer scrollbar nem transbordar para fora do div pai de forma alguma.
overflow:auto — linha 1
linha 2
linha 3
linha 4
linha 5
linha 2
linha 3
linha 4
linha 5
overflow:scroll horizontal — texto muito longo que deve ter scrollbar — mais conteúdo — e mais — e mais —————————————————————————————————
filter:drop-shadow
transition:all 0.3s (hover pra testar)
cursor:pointer
cursor:not-allowed
cursor:crosshair
cursor:zoom-in
cursor:grab
outline:3px solid
outline:2px dashed
outline:4px double
outline + outline-offset:5px
linha antes do hidden
visibility:hidden — esta linha NÃO deve aparecer mas ocupa espaço
linha depois do hidden (deve ter espaço vazio acima)
z-index:1 (fundo)
z-index:2 (frente)
tag style funciona? (deve ter gradiente + border-radius)
hover via tag style (muda no hover?)
SVG inline
FULL BLEED BANNER
CARD TESTE DEFINITIVO
DESTAQUE
Descrição do card. Flexbox funcionando com texto ao lado da imagem. border-radius na imagem. gradient no header. box-shadow no container.
RODAPÉ DO CARD
VER MAIS →
