The latest articles on DEV Community by Amara Olive (@amara_olive_f3a0fd962cd40). https://dev.to/amara_olive_f3a0fd962cd40 https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F3458984%2Fc7b2b5db-6f12-459a-9cef-e6af70a4e20e.png https://dev.to/amara_olive_f3a0fd962cd40 en Amara Olive Sat, 30 Aug 2025 23:51:39 +0000 https://dev.to/amara_olive_f3a0fd962cd40/the-sunctuary-32dh https://dev.to/amara_olive_f3a0fd962cd40/the-sunctuary-32dh <p>Check out this Pen I made!</p> <p><iframe height="600" src="https://codepen.io/Miaalimelaine777/embed/RNWeQNe?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen Amara Olive Sat, 30 Aug 2025 10:10:15 +0000 https://dev.to/amara_olive_f3a0fd962cd40/parallax-scroll-animation-52m2 https://dev.to/amara_olive_f3a0fd962cd40/parallax-scroll-animation-52m2 <p>This was one of my earliest attempts at SVG parallax animation on CodePen, created for a GSAP competition. By using ScrollTrigger, I added layers of depth and motion to every scroll.</p> <p>More info about this project: <a href="https://isladjan.com/work/4/" rel="noopener noreferrer">https://isladjan.com/work/4/</a></p> <p>Also, check out my portfolio for more cool projects - <a href="https://isladjan.com/" rel="noopener noreferrer">https://isladjan.com/</a></p> <p><iframe height="600" src="https://codepen.io/isladjan/embed/abdyPBw?height=600&amp;default-tab=result&amp;embed-version=2"> </iframe> </p> codepen