Pixel
Home
Company
Work
News
Services
Contact
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
i
x
e
l
P
i
x
e
l
P
i
x
e
l
P
i
x
e
l
Pixel a cutting-edge web studio, merging artistry with technology to sculpt captivating digital experiences that propel brands forward in the online realm.
Crafting Dreams, Forging Pixels Daily
Crafting Dreams, Forging Pixels Daily
Crafting Dreams, Forging Pixels Daily
Zero Block
Click "Block Editor" to enter the edit mode. Use layers, shapes and customize adaptability. Everything is in your hands.
Tilda Publishing
create your own block from scratch
(function() {
const block = document.querySelector('#rec2215525461');
if (!block) return;
// Создаем обертку для содержимого
const inner = document.createElement('div');
inner.classList.add('t-horizontal-scroll-inner');
// Переносим весь контент блока внутрь inner
while (block.firstChild) {
inner.appendChild(block.firstChild);
}
block.appendChild(inner);
const updateScroll = () => {
const rect = block.getBoundingClientRect();
const windowHeight = window.innerHeight;
// Процент прокрутки блока относительно окна
let scrollPercent = 1 - (rect.top / windowHeight);
scrollPercent = Math.min(Math.max(scrollPercent, 0), 1);
// Максимальный сдвиг блока
const maxTranslate = inner.scrollWidth - window.innerWidth;
const translateX = maxTranslate * scrollPercent;
inner.style.transform = `translateX(-${translateX}px)`;
};
window.addEventListener('scroll', updateScroll);
window.addEventListener('resize', updateScroll);
updateScroll();
})();