- 13, May 2024
- #1
Привет, ребята, по сути, у меня есть мозаичный фоновый узор высотой 345 пикселей.
Я пытаюсь анимировать его движение вверх для крутого эффекта.
Проблема в том, что это заводит поклонников моих ноутбуков! Есть ли менее интенсивный способ сделать это? Сначала я использовал только Javascript, примерно так:
Код (разметка): Потом я подумал, что, возможно, css сделает это лучше, поэтому попробовал вот так:
Код (разметка):
Код (разметка):
Есть ли лучший, менее требовательный способ справиться с этим?
Спасибо
Я пытаюсь анимировать его движение вверх для крутого эффекта.
Проблема в том, что это заводит поклонников моих ноутбуков! Есть ли менее интенсивный способ сделать это? Сначала я использовал только Javascript, примерно так:
var count = 0
setInterval(function() {
$('.hero-image').css('background-position', "0 " + count + "px")
count -= 345
}, 5175)
Код (разметка): Потом я подумал, что, возможно, css сделает это лучше, поэтому попробовал вот так:
.pattern { background-image: url('pattern.png'); background-size: auto 345px; transition: 5175ms background-position; transition-timing-function: linear; } Код (разметка):
var count = 0 setInterval(function() { if (count == -345) { count = 0 } $('.hero-image').css('background-position', "0 " + count + "px") count -= 1 }, 15) Код (разметка):
Есть ли лучший, менее требовательный способ справиться с этим?
Спасибо
![javabegin] Онлайн библиотека на Spring](/assets/images/icons/forum0.png){kind=icon}
