Main issue: The OP wanted to replicate two “animated circles” from the Shopify Narrative theme on mobile that prompt tapping to reveal content. They could implement the tap-to-reveal behavior but didn’t know how to create the circle animation or what it’s called. An attached GIF illustrated the effect and was central for context.
Suggestions offered: One reply advised contacting the theme provider (Shopify) for guidance, linking to Shopify support. Another offered to help if the OP shared their site URL for review.
Outcome: The OP later confirmed they solved the animation themselves using CSS keyframes (a technique for defining intermediate steps in CSS animations). No code snippets or detailed steps were shared.
Status: Resolved by the OP. No further action items identified; unanswered only in the sense that naming the exact animation pattern wasn’t established.
Hello everyone!
I was watching the Narrative Theme and I saw a feature on mobile that I would like to implement in my theme:
Basically it’s two “animated circles” that suggests the customer to click to reveal content. I know how to do the “click to reveal content” but I am not sure how to implement those two animated circles. Does anybody have an idea? I don’t even know how those are called
Hi @Anonymous
Since each theme has its own different element, the theme provider is best equipped with the knowledge of how to customize it. I suggest you to contact your theme provider for the solution.
Shopify is Narrative theme provider. You can directly chat with a Shopify agent here.
If you feel like my answer is helpful, please mark it as SOLUTION. Let me know if you need more help!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
I managed to solve it on my own using keyframes!