Prompts - CSS Personalizado - Chat GPT
Prompts - CSS Personalizado - Chat GPT
Prompts - CSS Personalizado - Chat GPT
crie uma animação em loop com uma transição entre as cores #089CE6, #005F8F e
#089CE6, de uma forma suave do início ao fim e quando a animação reiniciar também.
Aplique isso apenas no background do botão.
selector .elementor-button-link {
background: linear-gradient(90deg, #089CE6, #005F8F, #089CE6);
background-size: 200%;
animation: background_anim 10s ease-in-out infinite;
}
@keyframes background_anim {
0% {
background-position: 0 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0 50%;
}
}
CSS personalizado - Background:
crie uma animação em loop entre as cores #089CE6, #005F8F e #089CE6 para o
background do container. Quero que seja uma transição suave entre essas cores. Faça com
que seja um loop de transição suave do início ao fim, e também quando a animação de
reinicia.
selector {
animation: colorLoop 6s ease infinite;
}
@keyframes colorLoop {
0% {
background-color: #089CE6;
}
50% {
background-color: #005F8F;
}
100% {
background-color: #089CE6;
}
}
Comando utilizado para gerar o conteúdo do site pelo Chat GPT:
Finja que você é um copywritter experiente, e tenha sido contratado por um gestor de
tráfego chamado "Pedro Cabral" para desenvolver toda a copy de uma landing page que ele
quer fazer para oferecer os próprios serviços.
2) seção com o título "O que a sua empresa ganha com isso?", um breve parágrafo
explicativo sobre o assunto, uma lista de 05 benefícios que as empresas ganham com os
serviços de gestão de tráfego pago e um botão de chamada de ação
5) Uma seção de chamada de ação, contendo um título bem persuasivo, um parágrafo curto
e um botão de chamada de ação.
Desenvolva o conteúdo dessa página com uma linguagem chamativa, persuasiva, amigável,
moderna e informal, focada nos benefícios e resultados gerados para a audiência desse
gestor. Para cada seção, faça títulos legais que condizem com o contexto de cada parte do
site. Tente também trabalhar alguns gatilhos de urgência e exclusividade durante a copy.
Título: Desenvolva Rótulos Perfeitos! Subtítulo: Aprenda na Prática + Checklist Rotulagem
Botão: Quero minha vaga na aula grátis!