ecemgo's profile picture. creating content on https://www.youtube.com/@ecemgokdogan & http://codepen.io/ecemgo

Ecem Gokdogan

@ecemgo

creating content on https://www.youtube.com/@ecemgokdogan & http://codepen.io/ecemgo

Image Transitions Between Sections on Scroll | GSAP ✨ It includes: • Built with GSAP Flip & ScrollTrigger • Responsive design with GSAP matchMedia • Flip animation on desktop & tablet • Static layout on smaller screens #GSAP #ScrollTrigger #Flip 🎬 youtu.be/-LE3aUVU608


📌 Horizontal Scroll with Opposite Direction using GSAP ScrollTrigger ✨ It also includes: • Cloning images dynamically with JavaScript • Smooth, responsive, and dynamic layout #GSAP #ScrollTrigger 🎬 youtu.be/BENrlp--vDI


Two-Column Opposite Vertical Scroll Effect with GSAP 🚀 ✨ It includes: • Two image columns move in opposite directions • Built with ScrollTrigger & ScrollSmoother • Smooth and responsive layout #GSAP #ScrollTrigger 🎬 youtu.be/3ePl0OnmG3Y


Ecem Gokdogan أعاد

🚀Use Mouse Position to Change Scroll Speed The scrolling speeds up as you get farther from center. The distance from center "distanceX" is mapped to an animation's timeScale(). timeScale = gsap.utils.mapRange(-300, 300, -3, 3, distanceX) Full Lesson Video and Demo 🧵


Swiper Slider with Parallax & Zoom Effects ✨ It includes: • Parallax image movement • Scale (zoom) animations • Mousewheel control #swiperjs #slider 🎬 youtu.be/oLUnFyeEsEQ


GSAP ScrollTrigger: Diagonal Image Motion + Marquee Text ✨ It includes: • Sequential diagonal images on scroll • Marquee text • Particle background animation • Responsive adjustments #GSAP #ScrollTrigger 🎬 youtu.be/o2XNqzynWbk


Ecem Gokdogan أعاد

Josh Comeau's interactive article is a great introduction to SVG fundamentals. joshwcomeau.com/svg/friendly-i…


Stacked Cards with GSAP ScrollTrigger & ScrollSmoother ✨ It includes: • Creating stacked cards • Animate cards with clip-path effects (run once on enter) • Use ScrollTrigger for scroll animations • Smooth scrolling with ScrollSmoother #GSAP 🎬 youtu.be/W7wGSJyIfCM


Swiper slider with a wavy slide transition effect using GSAP and an SVG filter 🌊✨ #swiperjs #gsap 🎬 youtu.be/dP1Xg0q-q5k


Swiper Creative Effect Slider with Cell-Based Animation using Splitting.js Includes mousewheel control, autoplay and responsive design. #swiperjs #slider #splittingjs 🎬 youtu.be/Ie3w24fZiBk


Scroll Animation using GSAP ScrollTrigger This project includes: - Animate text, images & video on scroll - Use staggered effects for smooth transitions - Apply random positions for a dynamic layout #GSAP 🎬 youtu.be/qj4gRVvxhaY


Ecem Gokdogan أعاد

🥳 It's an exciting day! 🥳 Thanks to @Webflow GSAP is now 100% FREE - including ALL of the bonus plugins like SplitText, MorphSVG, and all the others that were exclusively available to Club GSAP members. We can't wait to see what you make!


Inspired by @egeberkina 's amazing idea. Here are a few I made — love the textures and shadows!

ecemgo's tweet image. Inspired by @egeberkina 's amazing idea.

Here are a few I made — love the textures and shadows!
ecemgo's tweet image. Inspired by @egeberkina 's amazing idea.

Here are a few I made — love the textures and shadows!

I turned emojis into paper craft using ChatGPT-4o. Prompt below 👇



Stacked Cards with Scroll Animations using GSAP ScrollTrigger Smooth text & image transitions, and a responsive design — all step by step. #gsap 🎬 youtu.be/lUqQsJyK2jM


Ecem Gokdogan أعاد

#CSS only carousels arrive in Chrome 135 ⤷ nerdy.dev/css-carousel-i…


Ecem Gokdogan أعاد

Actualización: Cambié el modelo del vehículo (Ecem me dio una idea), agregué luces y sombras #threejs #javascript #3d #frontend


Ecem Gokdogan أعاد

Nuevo vehículo (idea de Ecem) 😁


Ecem Gokdogan أعاد

Un pequeño diorama inspirado en Studio Ghibli (hay unos pequeños easter egg) Live: …doolivaalonso-studioghibli.vercel.app #html #css #javascript #threejs #blender #diorama #threejsJourney #anime #totoro #studioghibli


Ecem Gokdogan أعاد

breakin' down classics CSS background-image + background-blend-mode + custom properties = holo-like effects with parallax ✨


Just created a new pen! 🎵 It features a Swiper card slider synced with a dynamic music player. 🎶 You can skip, shuffle, play, or pause songs seamlessly with smooth transitions and interactive controls. #CodePen #SwiperJS @CodePen : codepen.io/ecemgo/pen/PwY…


Loading...

Something went wrong.


Something went wrong.