Untitled

mail@pastecode.io avatar
unknown
plain_text
a month ago
1.3 kB
2
Indexable
Never
.img-daniel {
    border: 2px solid hsl(210, 46%, 95%);
}

.Daniel {
    background-color: hsl(263, 55%, 52%);
    color: hsl(0, 0%, 100%);
    border-radius: 8px;
    grid-column: 1/3;
    padding: 30px;
    position: relative; /* Necessário para o posicionamento do pseudo-elemento */
}

.Daniel::before {
    content: '';
    position: absolute;
    top: -10px; /* Ajuste conforme necessário */
    right: -10px; /* Ajuste conforme necessário */
    width: 100px; /* Ajuste conforme necessário */
    height: 100px; /* Ajuste conforme necessário */
    background-image: url('../images/bg-pattern-quotation.svg');
    background-repeat: no-repeat;
    background-position: right top;
    background-origin: padding-box;
    z-index: 1; /* Coloca o pseudo-elemento atrás do texto */
}

.Daniel p {
    opacity: 70%;
    font-size: 10.2px;
    font-weight: 700;
    position: relative; /* Necessário para garantir que o texto fique acima do pseudo-elemento */
    z-index: 2; /* Garante que o texto fique acima do pseudo-elemento */
}

.container {
    position: relative; /* Necessário para o posicionamento dos elementos filhos */
    z-index: 3; /* Garante que o conteúdo do container fique acima do pseudo-elemento */
}
Leave a Comment