У меня есть сайт im, работающий над и прямо сейчас, у него есть градиент bg с кодом ccs и облачный образ сверху с прозрачным фоном. Я пытаюсь заставить облака прокручиваться влево бесконечно, чтобы выделиться из него немного больше. Есть ли способ сделать это, просто добавив некоторые CSS-коды? Heres мой кодCSS Фоновый рисунок Анимация Loop с градиентом
#body { background: #9bd5eb;
background-image: url(../images/bloobg.png); /* fallback */
background-image:url(../images/bloobg.png), -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */
background-image: url(../images/bloobg.png), -webkit-linear-gradient(bottom, #9bd5eb, #01aef0); /* Chrome 10+, Saf5.1+ */
background-image: url(../images/bloobg.png), -moz-linear-gradient(bottom, #9bd5eb, #01aef0); /* FF3.6+ */
background-image: url(../images/bloobg.png), -ms-linear-gradient(bottom, #9bd5eb, #01aef0); /* IE10 */
background-image: url(../images/bloobg.png), -o-linear-gradient(bottom, #9bd5eb, #01aef0); /* Opera 11.10+ */
background-image: url(../images/bloobg.png), linear-gradient(bottom, #9bd5eb, #01aef0); /* W3C */
background-attachment:fixed;
}
`
ссылка на сайт является www.bloomooyogurt.com Спасибо!
Вы можете попробовать переход CSS. Попробуйте что-то вроде body: hover {background-position: -30px;} 'и' body {transition: 1s background-position ease;} '. – Zeta
@zeta будет в основном парить облака? – nuk11888