| Current Path : /home/kamilrogam/poligon/projekty/SVG/assets/ |
| Current File : /home/kamilrogam/poligon/projekty/SVG/assets/init.js |
window.addEventListener('DOMContentLoaded', function () {
const logoSVG = document.querySelectorAll('.inner-svg');
const logoSpan = document.querySelectorAll('h1 span');
setTimeout(function () {
for (let i = 0; i < logoSpan.length; i++) {
setTimeout(function () {
logoSpan[i].style.top = '0'
}, i * 150);
}
}, 100);
for (let i = 0; i < logoSVG.length; i++) {
halfItemSVGWidth = logoSVG[i].clientWidth / 2;
halfItemSVGHeight = logoSVG[i].clientHeight / 2;
logoSVG[i].style.marginTop = '-' + halfItemSVGHeight-2 + 'px';
logoSVG[i].style.marginLeft = '-' + halfItemSVGWidth + 'px'
}
setTimeout(function () {
for (let i = 0; i < logoSVG.length; i++) {
setTimeout(function () {
logoSVG[i].style.top = '50%'
}, i * 150);
}
}, 900);
});