Ainda não tem acesso? Estude com a gente! Matricule-se
Ainda não tem acesso? Estude com a gente! Matricule-se

Solucionado (ver solução)

Radial-gradient: definição da posição da parte do gradiente que será considerada no elemento

Olá pessoal, em relação à resposta do exercício, para exibir a parte superior direita do gradiente radial, é informado como parâmetro "circle at bottom right".

Favor me informem se eu entendi corretamente: no parâmetro da posição, não deve ser informado a posição do que será exibido do gradiente em si, na verdade é justo o contrário, deve ser informado onde o centro do gradiente está em relação ao que será exibido, é isso?

Abaixo o código que precisei utilizar para testes no site http://cssdeck.com/labs (aba CSS) [porque somente a resposta do exercício não exibiu o resultado esperado]

Aguardo retorno, desde já obrigado! Atte., Elías.

body{
    background-repeat: no-repeat;
    background-image: radial-gradient(circle at bottom right, yellow, yellow 20%, black 20%, black 30%, yellow 30%, yellow);
    background-size: 100% 100%;
    background-attachment: fixed;
}
1 resposta
solução

Olá Elías!

Você está correto! O atributo de posicionamento é o posicionamento do centro do gradiente em relação ao elemento no qual você o está colocando.

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software