Inspirational Motif Development Archives

Welcome to my unknown world that i belive you are interested

Turtel Inspired motif

Inspirational Motif Development

These motif developments were part of my one project. Here my task was making some motifs manually by using any natural shape. So I choose the 'Turtle" shape because my…

0 Comments

October 31, 2025

jQuery(window).on('elementor/frontend/init', function () { elementorFrontend.hooks.addAction( 'frontend/element_ready/image-carousel.default', function ($scope) { if (!$scope.hasClass('continuous-logo-marquee')) { return; } const swiperEl = $scope.find('.swiper')[0]; if (!swiperEl || !swiperEl.swiper) { return; } const swiper = swiperEl.swiper; const wrapper = swiperEl.querySelector('.swiper-wrapper'); if (!wrapper) { return; } /* Prevent duplicate initialization */ if (wrapper.dataset.marqueeStarted === 'true') { return; } wrapper.dataset.marqueeStarted = 'true'; /* Stop Elementor/Swiper autoplay */ if (swiper.autoplay) { swiper.autoplay.stop(); } /* Stop Swiper from controlling the track */ swiper.allowTouchMove = false; /* Get current slides */ const slides = Array.from( wrapper.querySelectorAll('.swiper-slide') ); if (!slides.length) { return; } /* * Clone the complete set of slides. */ slides.forEach(function (slide) { const clone = slide.cloneNode(true); clone.classList.add('marquee-clone'); wrapper.appendChild(clone); }); /* * Wait for Elementor images/layout to finish. */ requestAnimationFrame(function () { requestAnimationFrame(function () { const firstSlide = slides[0]; const firstClone = wrapper.querySelector('.marquee-clone'); if (!firstSlide || !firstClone) { return; } /* * Measure the distance from the first * original slide to the first clone. */ const distance = firstClone.getBoundingClientRect().left - firstSlide.getBoundingClientRect().left; if (distance <= 0) { console.log( 'Marquee distance could not be calculated.' ); return; } /* * Adjust speed here. * * 50 = slow * 70 = premium/medium * 100 = fast */ const speed = 70; const duration = (distance / speed) * 1000; /* * Create unique animation. */ const animationName = 'elementorContinuousMarquee_' + Math.random() .toString(36) .substring(2, 10); const style = document.createElement('style'); style.innerHTML = ` @keyframes ${animationName} { 0% { transform: translate3d(0, 0, 0); } 100% { transform: translate3d(-${distance}px, 0, 0); } } .continuous-logo-marquee .swiper-wrapper { animation: ${animationName} ${duration}ms linear infinite !important; transition: none !important; } `; document.head.appendChild(style); }); }); } ); });