# Animations **URL:** https://forum.readymag.com/c/animations/14.md [Latest](https://forum.readymag.com/latest.md) · [Categories](https://forum.readymag.com/categories.md) --- ## [About the Animations category](https://forum.readymag.com/t/about-the-animations-category/21)
**Author:** [@Readymag](https://forum.readymag.com/u/Readymag)\ **Replies:** 0
Learn how to set your project in motion. --- ## [Help with horizontal scrolling within one page with content above it](https://forum.readymag.com/t/help-with-horizontal-scrolling-within-one-page-with-content-above-it/6193)
**Author:** [@jdeleon](https://forum.readymag.com/u/jdeleon)\ **Replies:** 4\ **Last updated:** [October 16, 2026, 3:06pm UTC](https://forum.readymag.com/t/help-with-horizontal-scrolling-within-one-page-with-content-above-it/6193 "2026-10-16T15:06:20Z")
Hi! I’m currently building a portfolio website for my graphic design work and I need help with creating a page that showcases my poster designs with horizontal scrolling but has content above it. I know you need to split… --- ## [Reverse shot on unhover?](https://forum.readymag.com/t/reverse-shot-on-unhover/7073)
**Author:** [@partypat](https://forum.readymag.com/u/partypat)\ **Replies:** 0\ **Last updated:** [August 21, 2026, 9:06am UTC](https://forum.readymag.com/t/reverse-shot-on-unhover/7073 "2026-08-21T09:06:04Z")
Hello! I’ve been trying to animate my logo on my website in a specific way and can’t really seem to find any information or tutorials around it. I want the text to animate when the mouse is hovered over it but once you u… --- ## [Interactive Video Carousel with Playable Videos](https://forum.readymag.com/t/interactive-video-carousel-with-playable-videos/6989)
**Author:** [@talflora](https://forum.readymag.com/u/talflora)\ **Replies:** 1\ **Last updated:** [August 12, 2026, 5:21pm UTC](https://forum.readymag.com/t/interactive-video-carousel-with-playable-videos/6989 "2026-08-12T17:21:11Z")
My goal is to have multiple vertical videos displayed next to each other, with left/right arrows that switch to the next set of videos when clicked. Each video should also be playable directly inside the carousel-when y… --- ## [Text appear when hovering over an image?](https://forum.readymag.com/t/text-appear-when-hovering-over-an-image/1134)
**Author:** [@Mariya\_Zaynab](https://forum.readymag.com/u/Mariya_Zaynab)\ **Replies:** 4\ **Last updated:** [July 30, 2026, 2:26pm UTC](https://forum.readymag.com/t/text-appear-when-hovering-over-an-image/1134 "2026-07-30T14:26:24Z")
I want to: Have an image hover over the image image opacity goes down i have done it up to this stage after image opacity goes down i want a text to appear on top of the image I want the text to appear no matter … --- ## [Pinned images + scroll animation issue (images disappear or stay visible)](https://forum.readymag.com/t/pinned-images-scroll-animation-issue-images-disappear-or-stay-visible/6832)
**Author:** [@RoyLee\_B](https://forum.readymag.com/u/RoyLee_B)\ **Replies:** 0\ **Last updated:** [July 20, 2026, 9:58am UTC](https://forum.readymag.com/t/pinned-images-scroll-animation-issue-images-disappear-or-stay-visible/6832 "2026-07-20T09:58:51Z")
Hi everyone, I’m trying to create a scroll interaction where multiple images stack horizontally on top of each other as the user scrolls. The idea is that each image slides in from the right and overlaps the previous on… --- ## [Anyone made a website with folder that opens?](https://forum.readymag.com/t/anyone-made-a-website-with-folder-that-opens/6276)
**Author:** [@Matycia](https://forum.readymag.com/u/Matycia)\ **Replies:** 0\ **Last updated:** [July 13, 2026, 8:39am UTC](https://forum.readymag.com/t/anyone-made-a-website-with-folder-that-opens/6276 "2026-07-13T08:39:21Z")
hello ! for my portfolio i want to do folders that opens when we over or click on it but i dont know if it’s really hard, i can do some custom code if needed to, this is one of the inspi Untitled Folder - Interactive Tem… --- ## [Syncing animations/ making images darker](https://forum.readymag.com/t/syncing-animations-making-images-darker/6208)
**Author:** [@MACHINATION2](https://forum.readymag.com/u/MACHINATION2)\ **Replies:** 0\ **Last updated:** [June 30, 2026, 12:00am UTC](https://forum.readymag.com/t/syncing-animations-making-images-darker/6208 "2026-06-30T00:00:40Z")
Hello! I created a menu for my website that turns slightly bigger when hovered over, the problem I am having is that when I wish to add words to that menu, the words do not sync with the animation, is there anyway to hav… --- ## [Help recreating this Readymag animation](https://forum.readymag.com/t/help-recreating-this-readymag-animation/2804)
**Author:** [@orion\_janeczek](https://forum.readymag.com/u/orion_janeczek)\ **Replies:** 5\ **Last updated:** [June 26, 2026, 9:40am UTC](https://forum.readymag.com/t/help-recreating-this-readymag-animation/2804 "2026-06-26T09:40:20Z")
I am trying to make something similar to this INDEX menu animation on this beautiful site which was made on readymag. What I like is that the animation has a trigger to come into the window, but it has another trigger (… --- ## [Hover animation](https://forum.readymag.com/t/hover-animation/6160)
**Author:** [@kristini05](https://forum.readymag.com/u/kristini05)\ **Replies:** 2\ **Last updated:** [June 12, 2026, 10:35pm UTC](https://forum.readymag.com/t/hover-animation/6160 "2026-06-12T22:35:33Z")
Okay so i have a picture and i want that when u hover on it that picture disappears and another appears. and i want so that whenever u hover ur mouse outside of the picture it goes back to the picture that was before. do… --- ## [Help with animation](https://forum.readymag.com/t/help-with-animation/6124)
**Author:** [@kristini05](https://forum.readymag.com/u/kristini05)\ **Replies:** 2\ **Last updated:** [June 11, 2026, 5:57pm UTC](https://forum.readymag.com/t/help-with-animation/6124 "2026-06-11T17:57:05Z")
I want to make an animation thats an envelope opening and then different like images float out of the envelope once its opened. so what i did was get a picture of the envelope closed and opened and added hover opacity an… --- ## [Is animation triggered by anchor points scrolling possible?](https://forum.readymag.com/t/is-animation-triggered-by-anchor-points-scrolling-possible/6159)
**Author:** [@feesh](https://forum.readymag.com/u/feesh)\ **Replies:** 0\ **Last updated:** [June 11, 2026, 10:00am UTC](https://forum.readymag.com/t/is-animation-triggered-by-anchor-points-scrolling-possible/6159 "2026-06-11T10:00:20Z")
Hello, Im trying to design a navigation sidebar for a long scroll page on my site where hovering on one of the buttons (a) changes color, (b) scrolls to an anchor point in the page, and (c) the color stays changed until … --- ## [Animations only working once on loading](https://forum.readymag.com/t/animations-only-working-once-on-loading/1937)
**Author:** [@Scaales](https://forum.readymag.com/u/Scaales)\ **Replies:** 2\ **Last updated:** [June 8, 2026, 3:29am UTC](https://forum.readymag.com/t/animations-only-working-once-on-loading/1937 "2026-06-08T03:29:56Z")
Why do ‘load’ animations only work the first time when the page is loaded? When navigating the site if you click on a page, then exit the page, then reclick to load that same page again the animations don’t perform. Do… --- ## [Sticky section help 🌹](https://forum.readymag.com/t/sticky-section-help/6114)
**Author:** [@madelynfreya](https://forum.readymag.com/u/madelynfreya)\ **Replies:** 1\ **Last updated:** [May 30, 2026, 6:46am UTC](https://forum.readymag.com/t/sticky-section-help/6114 "2026-05-30T06:46:03Z")
Hi! I’m a Readymag newbie, so sorry if this is a simple correct \<3 I’m trying to create a pinned-scroll / sticky-scroll effect in Readymag and I’m struggling to find the correct setup. This is the page I am working on: … --- ## [Easy way to add many photo blocks to move all around?](https://forum.readymag.com/t/easy-way-to-add-many-photo-blocks-to-move-all-around/6100)
**Author:** [@Leah](https://forum.readymag.com/u/Leah)\ **Replies:** 0\ **Last updated:** [May 13, 2026, 3:19am UTC](https://forum.readymag.com/t/easy-way-to-add-many-photo-blocks-to-move-all-around/6100 "2026-05-13T03:19:43Z")
Hello! I’m playing with a design where many images (100+) will move onto the page as the user scrolls down. Is there an easy way to add a bunch of blocks at once vs one a time? Thank you! --- ## [My Poster Scroll does not appear in Preview](https://forum.readymag.com/t/my-poster-scroll-does-not-appear-in-preview/6082)
**Author:** [@Linh\_Tran](https://forum.readymag.com/u/Linh_Tran)\ **Replies:** 0\ **Last updated:** [April 24, 2026, 8:34pm UTC](https://forum.readymag.com/t/my-poster-scroll-does-not-appear-in-preview/6082 "2026-04-24T20:34:11Z")
I wanted to pick something cool to add to my portfolio. I discovered the poster scroll effect through Readymag’s Youtube tutorial on the effect. I did everything like it was instructed in the tutorial. However, when I di… --- ## [Trouble with getting my pop-up menu to close](https://forum.readymag.com/t/trouble-with-getting-my-pop-up-menu-to-close/4200)
**Author:** [@A\_V](https://forum.readymag.com/u/A_V)\ **Replies:** 2\ **Last updated:** [April 8, 2026, 3:28pm UTC](https://forum.readymag.com/t/trouble-with-getting-my-pop-up-menu-to-close/4200 "2026-04-08T15:28:31Z")
So I created a menu that pops out when you click on the trigger–the trigger is the “Work” button. So click on the word “Work” and my menu will slide out from the left side. When you first enter my site, you can use the m… --- ## [Image Disappear On Hover](https://forum.readymag.com/t/image-disappear-on-hover/6047)
**Author:** [@TRACER](https://forum.readymag.com/u/TRACER)\ **Replies:** 0\ **Last updated:** [March 26, 2026, 4:46pm UTC](https://forum.readymag.com/t/image-disappear-on-hover/6047 "2026-03-26T16:46:24Z")
Hi there! I’m struggling with a project that I’m working on where I have two images on top of each other. Essentially there is a cover image and when you hover on it, it disappears. What I want to do is be able to click… --- ## [Scrollbar linked to pictures](https://forum.readymag.com/t/scrollbar-linked-to-pictures/6027)
**Author:** [@ambre\_havelange](https://forum.readymag.com/u/ambre_havelange)\ **Replies:** 0\ **Last updated:** [March 21, 2026, 1:24pm UTC](https://forum.readymag.com/t/scrollbar-linked-to-pictures/6027 "2026-03-21T13:24:41Z")
Hello people, i’m looking how to do an actual scrollbar (like a cursor (circle on a straight line that you can move from left to right or right to left) that depending on where you move the circle, different images will … --- ## [Animation help](https://forum.readymag.com/t/animation-help/6020)
**Author:** [@fogo\_adesina](https://forum.readymag.com/u/fogo_adesina)\ **Replies:** 0\ **Last updated:** [March 18, 2026, 2:50pm UTC](https://forum.readymag.com/t/animation-help/6020 "2026-03-18T14:50:29Z")
I’m trying to mimic the animation on this website: https://aristidebenoist.com/. I think it’s built using HTML and JavaScript, and I’d like to create something similar in Readymag. I already have the boxes set up. What … --- ## [Animating Images & Languages](https://forum.readymag.com/t/animating-images-languages/6015)
**Author:** [@Sara\_Stewart](https://forum.readymag.com/u/Sara_Stewart)\ **Replies:** 0\ **Last updated:** [March 17, 2026, 6:29pm UTC](https://forum.readymag.com/t/animating-images-languages/6015 "2026-03-17T18:29:10Z")
I am using Readymag for the first time to make my portfolio website, and I have a few questions: 1. Is it possible to make my page in 2 languages? I am bilingual and would like to be able to display the text in English … --- ## [Create Vertical Scrolling Cards](https://forum.readymag.com/t/create-vertical-scrolling-cards/4181)
**Author:** [@Ada\_L](https://forum.readymag.com/u/Ada_L)\ **Replies:** 2\ **Last updated:** [March 17, 2026, 12:20am UTC](https://forum.readymag.com/t/create-vertical-scrolling-cards/4181 "2026-03-17T00:20:16Z")
I am trying to achieve a scrolling card animation. I plan to have a stack of cards on top of each other and I want them to slide down as the user scrolls to uncover one project at a time. And as I scroll up, it slides ba… --- ## [竖向页面固定，直到所有动画完成后才进入下一个页面](https://forum.readymag.com/t/topic/5988)
**Author:** [@1\_7](https://forum.readymag.com/u/1_7)\ **Replies:** 0\ **Last updated:** [March 11, 2026, 5:14pm UTC](https://forum.readymag.com/t/topic/5988 "2026-03-11T17:14:00Z")
请帮帮我，有什么办法可以实现链接中的可视化:Sizing chaos --- ## [Can the Load Animation be repeated?](https://forum.readymag.com/t/can-the-load-animation-be-repeated/5977)
**Author:** [@P11](https://forum.readymag.com/u/P11)\ **Replies:** 0\ **Last updated:** [March 4, 2026, 9:22pm UTC](https://forum.readymag.com/t/can-the-load-animation-be-repeated/5977 "2026-03-04T21:22:43Z")
Hello I am newly learning Ready Mag and I am trying to make a portfolio website. One of my main goals is to have a rectangle to come from the left and highlight on the menu and to tell where the user is on the page. I ha… --- ## [Mobile menu overlay does not close after clicking anchor link in Website mode](https://forum.readymag.com/t/mobile-menu-overlay-does-not-close-after-clicking-anchor-link-in-website-mode/5941)
**Author:** [@Luciana\_Medic](https://forum.readymag.com/u/Luciana_Medic)\ **Replies:** 0\ **Last updated:** [February 23, 2026, 12:14pm UTC](https://forum.readymag.com/t/mobile-menu-overlay-does-not-close-after-clicking-anchor-link-in-website-mode/5941 "2026-02-23T12:14:10Z")
Hi there, I’m hoping to find help here :slight\_smile: The menu opens on tap and contains anchor links that scroll to sections on the same page. The scroll works correctly, but the overlay menu remains visible after cli… --- ## [Vertical Scroll in two blocks](https://forum.readymag.com/t/vertical-scroll-in-two-blocks/5896)
**Author:** [@Loreto\_Morales](https://forum.readymag.com/u/Loreto_Morales)\ **Replies:** 1\ **Last updated:** [February 18, 2026, 8:46pm UTC](https://forum.readymag.com/t/vertical-scroll-in-two-blocks/5896 "2026-02-18T20:46:39Z")
hi! i want to recreate this effect : https://briannepoulinet.com/ How can I do that? --- ## [Draggable widget](https://forum.readymag.com/t/draggable-widget/3114)
**Author:** [@vr1](https://forum.readymag.com/u/vr1)\ **Replies:** 8\ **Last updated:** [February 18, 2026, 4:06pm UTC](https://forum.readymag.com/t/draggable-widget/3114 "2026-02-18T16:06:30Z")
Hi! I have a a shape and a text grouped together. How do I make them draggable together, as a whole and not separately? --- ## [Is it possible to animate something like this?](https://forum.readymag.com/t/is-it-possible-to-animate-something-like-this/5917)
**Author:** [@pamxla](https://forum.readymag.com/u/pamxla)\ **Replies:** 0\ **Last updated:** [February 17, 2026, 4:46pm UTC](https://forum.readymag.com/t/is-it-possible-to-animate-something-like-this/5917 "2026-02-17T16:46:54Z")
I’m trying to create menu links that have this type of animation whenever you hover over the text. (see gif below) After hovering over the text, each character changes colours and the entire text block rotates on hover … --- ## [Animation based on scroll with fixed widget group doesn't work](https://forum.readymag.com/t/animation-based-on-scroll-with-fixed-widget-group-doesnt-work/5916)
**Author:** [@Lolow](https://forum.readymag.com/u/Lolow)\ **Replies:** 0\ **Last updated:** [February 16, 2026, 2:45pm UTC](https://forum.readymag.com/t/animation-based-on-scroll-with-fixed-widget-group-doesnt-work/5916 "2026-02-16T14:45:28Z")
I wanted to make this oppacity animation based on scroll. I learn it with this tutorial on the Readymag’s offical youtube channel. https://youtu.be/wQO12RjDg-o?si=KEqsZkiIMPrMNarv But it doesn’t work with widget group. … --- ## [Question about a reference/if possible to get a similar effect](https://forum.readymag.com/t/question-about-a-reference-if-possible-to-get-a-similar-effect/5891)
**Author:** [@moltenglass](https://forum.readymag.com/u/moltenglass)\ **Replies:** 0\ **Last updated:** [February 8, 2026, 7:22pm UTC](https://forum.readymag.com/t/question-about-a-reference-if-possible-to-get-a-similar-effect/5891 "2026-02-08T19:22:48Z")
hey everyone. can you guys tell me if it’s possible to build a horizontal scroll with this zoom effect like in this website? [Next page](https://forum.readymag.com/c/animations/14.md?page=1)