Градиентный движущийся фон [закрыто]CSS

Разбираемся в CSS
Ответить Пред. темаСлед. тема
Anonymous
 Градиентный движущийся фон [закрыто]

Сообщение Anonymous »

Я пытаюсь воссоздать фон этого сайта на сайте WordPress, который я создаю. Я думаю, что это идет с анимацией лотереи, но не совсем уверен. Я могу воссоздать градиентный переход, как видно из этого ответа на stackoverflow, но мне это все равно не помогает.
Я могу воссоздать его с помощью чего-то вроде

Код: Выделить всё

background: radial-gradient(ellipse at top, #e66465, transparent),
radial-gradient(ellipse at bottom, #4d9f0c, transparent);
но самое близкое, чего я достиг, это что-то вроде этого: https://jsfiddle.net/xsf85m9c/
Есть идеи?

Код: Выделить всё

body {
margin: 0;
height: 100vh;
display: flex;
justify-content: center;
align-items: center;
font-family: Arial, sans-serif;
background-size: 200% 200%;
animation: animateBackground 15s infinite linear;
overflow: hidden;
}

@keyframes animateBackground {
0% {
background-position: 0% 50%;
background: linear-gradient(120deg, #e66465, #4d9f0c);
}
25% {
background-position: 50% 50%;
background: linear-gradient(120deg, #ff9a9e, #d4fc79);
}
50% {
background-position: 100% 50%;
background: linear-gradient(120deg, #c94b4b, #4b134f);
}
75% {
background-position: 150% 50%;
background: linear-gradient(120deg, #4d9f0c, #e66465);
}
100% {
background-position: 200% 50%;
background: linear-gradient(120deg, #ff9a9e, #d4fc79);
}
}



Подробнее здесь: https://stackoverflow.com/questions/785 ... background
Реклама
Ответить Пред. темаСлед. тема

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

  • Похожие темы
    Ответы
    Просмотры
    Последнее сообщение
  • Анимированный градиентный фон в Swift UI
    Anonymous » » в форуме IOS
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous
  • Анимированный градиентный фон в Swift UI
    Anonymous » » в форуме IOS
    0 Ответы
    25 Просмотры
    Последнее сообщение Anonymous
  • Как плавно анимировать градиентный фон
    Anonymous » » в форуме CSS
    0 Ответы
    10 Просмотры
    Последнее сообщение Anonymous
  • Swift/UIKIt: как сделать так, чтобы градиентный фон занимал всю длину UITableView?
    Anonymous » » в форуме IOS
    0 Ответы
    18 Просмотры
    Последнее сообщение Anonymous
  • Swift/UIKIt: как сделать так, чтобы градиентный фон занимал всю длину UITableView?
    Anonymous » » в форуме IOS
    0 Ответы
    23 Просмотры
    Последнее сообщение Anonymous

Вернуться в «CSS»