3D animation Coverage | Creative Bloq

An account already exists for this email address, please log in.

`; } }) .catch(error => { console.error("Submission failed", error); submitBtn.disabled = false; }); }); } function updateBannerPosition() { if (!banner || !bannerVisible) return; const topObstacles = [ document.querySelector('.dfp-leaderboard-container [style*="position: fixed"]'), document.querySelector('.dfp-leaderboard-container [id^="bordeaux-ad-"]'), document.querySelector('.dfp-leaderboard-container'), document.querySelector('[data-component-name="SiteHeader:Masthead"]'), document.querySelector('nav.primary-nav'), document.querySelector('.navigation__container') ]; let maxBottomOffset = 0; topObstacles.forEach(el => { if (el) { const rect = el.getBoundingClientRect(); const style = window.getComputedStyle(el); const isVisible = style.display !== 'none' && style.visibility !== 'hidden'; if (isVisible && rect.height > 0 && rect.bottom > 0 && rect.top < 300) { maxBottomOffset = Math.max(maxBottomOffset, rect.bottom); } } }); banner.style.top = `${Math.max(0, maxBottomOffset)}px`; banner.style.marginTop = '0px'; } const triggerInstantUpdate = () => { if (bannerVisible) { window.requestAnimationFrame(updateBannerPosition); } }; const adContainer = document.querySelector('.dfp-leaderboard-container'); const headerContainer = document.querySelector('[data-component-name="SiteHeader:Masthead"]'); if (adContainer || headerContainer) { const instantObserver = new MutationObserver(triggerInstantUpdate); const observerConfig = { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] }; if (adContainer) instantObserver.observe(adContainer, observerConfig); if (headerContainer) instantObserver.observe(headerContainer, observerConfig); } const resizeObserver = new ResizeObserver(triggerInstantUpdate); resizeObserver.observe(document.body); resizeObserver.observe(document.documentElement); function showBanner() { if (window.scrollY < 100) return; const heroComponent = document.getElementById('full-bleed-hero'); if (heroComponent && heroComponent.getBoundingClientRect().bottom > 0) return; if(typeof ffte !== 'undefined' && ffte?.properties?.articleType === 'deals') return; if (!bannerDismissed && !isAuthKiosq && !isAuthConnect) { if(window.dispatchOrQueueAction) { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "scroll-page", label: "membership-banner", type: "banner-sticky" } } }); } const bgImg = document.getElementById('skinnyBannerBgImg'); if (bgImg && !bgImg.getAttribute('src')) { if (bgImg.getAttribute('data-srcset')) bgImg.setAttribute('srcset', bgImg.getAttribute('data-srcset')); bgImg.setAttribute('src', bgImg.getAttribute('data-src')); } banner.classList.add('show'); document.body.classList.add('banner-visible'); bannerVisible = true; updateBannerPosition(); } } function hideBanner() { if (isInputFocused) return; banner.classList.remove('show'); bannerVisible = false; bannerExpanded = false; banner.classList.remove('expanded'); document.body.classList.remove('banner-expanded'); banner.style.top = ''; banner.style.marginTop = ''; } function toggleBanner() { if (bannerDismissed) return; bannerExpanded = !bannerExpanded; banner.classList.toggle('expanded', bannerExpanded); document.body.classList.toggle('banner-expanded', bannerExpanded); if (bannerExpanded && window.dispatchOrQueueAction) { window.dispatchOrQueueAction('freyr.sendEventToFreyr', { name: 'membershipEvent', eventObject: { membership: { action: "click-banner", label: "membership-banner", type: "banner-sticky" } } }); } } window.addEventListener('scroll', () => { const heroComponent = document.getElementById('full-bleed-hero'); const isHeroVisible = heroComponent && heroComponent.getBoundingClientRect().bottom > 0; if (isHeroVisible || window.scrollY < 100) { if (!isInputFocused) hideBanner(); } else { if (!bannerVisible) showBanner(); } if (bannerVisible) triggerInstantUpdate(); }, { passive: true }); window.addEventListener('resize', triggerInstantUpdate, { passive: true }); document.addEventListener('click', function (event) { if (!banner) return; if (!banner.contains(event.target) && banner.classList.contains('expanded') && document.body.classList.contains('banner-expanded')) { toggleBanner(); } }); if (bannerHeader) bannerHeader.addEventListener('click', toggleBanner); if (joinNowBtn) joinNowBtn.addEventListener('click', e => { e.stopPropagation(); window.location.href = '/membership'; }); });

Welcome to Join The Club !

Hi ,

Keep exploring and earning more as a member.

Earn your first badge

Start reading to unlock your first badge.

Keep earning badges

Explore ways to get more involved as a member.

Design Inspiration

Design Inspiration

Explore projects, trends and inspiring design work.

Creative Tools

Discover design software, tools and creative resources.

Your membership benefits

Start exploring exclusive deals, expert advice and more.

Members Exclusive

Art Inspiration Every Month

Art Inspiration Every Month

Packed with digital art tutorials, inspiration and expert advice from ImagineFX.