Gradiente #9C27B0 para #00BCD4
Um gradiente suave que vai de #9C27B0 para #00BCD4. Copie o código CSS abaixo para usar este gradiente nos seus projetos.
Pontos de cor
Cor de Início
#9C27B0
rgb(156, 39, 176)
hsl(291, 64%, 42%)
Cor de Fim
#00BCD4
rgb(0, 188, 212)
hsl(187, 100%, 42%)
Código CSS do gradiente
Linear (135deg)
background: linear-gradient(135deg, #9C27B0, #00BCD4);
Horizontal
background: linear-gradient(to right, #9C27B0, #00BCD4);
Radial
background: radial-gradient(circle, #9C27B0, #00BCD4);
Classes Tailwind CSS
Tailwind
bg-gradient-to-r from-[#9C27B0] to-[#00BCD4]
Variantes de direção
Horizontal
Vertical
Diagonal
Canto
Perguntas frequentes
Como criar um gradiente de #9C27B0 para #00BCD4?▾
Use a propriedade CSS: linear-gradient(135deg, #9C27B0, #00BCD4). Aplique-a à propriedade background de qualquer elemento. Você pode mudar o ângulo (135deg) para ajustar a direção do gradiente.
Qual propriedade CSS cria um gradiente?▾
Gradientes são criados com a propriedade CSS background ou background-image usando funções de gradiente como linear-gradient(), radial-gradient() ou conic-gradient(). Por exemplo: background: linear-gradient(to right, #9C27B0, #00BCD4);
Como uso este gradiente no Tailwind CSS?▾
No Tailwind CSS, use as classes utilitárias: "bg-gradient-to-r from-[#9C27B0] to-[#00BCD4]". As classes from- e to- definem os pontos do gradiente. Troque bg-gradient-to-r por bg-gradient-to-br para uma direção diagonal.