Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Repetindo o elemento (Ex.: Adicionando Tabela de Habilidade/nível)

Bom dia meu caros!

Neste exercício eu tive uma pequena ideia de ao invés colocar somente proficiência nos níveis eu coloquei uma imagem de fundo, que é uma estrelinha. porém eu não consigo repetir este elemento dentro da célula.

Segue o meu código:

.nivel{
    position: relative;
    width: 4em;
}
.nivel::after{
    content: "";
    background-image: url(../img/b22043938b924c2c7a39c2b2c2b0b99e.png);
    background-size: 80%;
    background-repeat: repeat-x;
    background-position: center;
    width: 2em;
    height: 2em;
    position: absolute;
    top: .5em;
    left: 0;

}

Teriam como me ajudar?

2 respostas
solução!

Oi Tassiano, tudo bem?

O problema aí é que o pseudoelemento não vai se repetir! Você precisa aplicar esse BG no .nivel.

Abcs!

Boa tarde Natan!

Funcionou melhor do que eu queria!

Muito Obrigado!