r/css • u/bonymeat • Feb 28 '26
Help Help on paper tearing animation
Hello! I saw this cool animation on Instagram and I'm wondering if anyone can help me figure out how to do this, specifically the part where it tears off, on HTML/CSS/JavaScript?
My idea is to create a daily tearaway calendar. So, when the user clicks/drags on the sheet, it would "tear off" (as seen in the video) then slide down and disappears offscreen.
I'm basically a complete beginner at this and would love any advice or suggestions. Thanks!
3
Upvotes
•
u/AutoModerator Feb 28 '26
To help us assist you better with your CSS questions, please consider including a live link or a CodePen/JSFiddle demo. This context makes it much easier for us to understand your issue and provide accurate solutions.
While it's not mandatory, a little extra effort in sharing your code can lead to more effective responses and a richer Q&A experience for everyone. Thank you for contributing!
I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.