body {
background: linear-gradient(to right, transparent var(--firstColorPercent), red 0% var(--secondColorPercent), transparent 0%);
}
document.body.style = '--firstColorPercent: ' + 35 + '%; --secondColorPercent: ' + 50 + '%;';
<script src="app/js/main.js"></script>
<script src="app/js/main.min.js"></script>
$(function () {
$('.products__slider').slick({
dots: true,
arrows: false,
});
});
{post.links.map(link => (
<li key={link.id}>
<a href={link.url}>{link.label}</a>
</li>))}
Если этот вариант не подходит и вам нужно физически менять положение, то присмотритесь к свойству will-change(willChange) (https://developer.mozilla.org/en-US/docs/Web/CSS/w...), оно может помочь