Blog | Trapti Rahangdale - Freelance Frontend Engineer

I write about my learnings and findings around tech. I’ve written 19 tech blogs on this site.

Non-tech blogs, Follow me on Twitter

Popular blogs

How to Get Handwriting Animation With Irregular SVG Strokes
Published at CSS-TRICKS
An innovative application of SVG masking to achieve this affect in matter of minutes.
Thinking in CSS Grid
Published at Medium - Statuscode
Two dimensional and outside-in. What does it mean?

Latest blogs

Distribute cards evenly on curved path and animate on scroll using GSAP plugins

18 April 2025
Apples's MacBook Air text zoom animation on scroll effect with GreenSock & ScrollTrigger

12 April 2025 Video
Scroll-Triggered CSS Animation: SVG Line Reveals Card (Requested by YOU!)

24 March 2025 Video
Impact of CSS Grid

2 July 2024
Only CSS! Layered panels horizontally moving on scroll with text

1 July 2024 Video
SVG only: Gauge data visualisation

3 June 2024
React: Auto read SMS in mobile web browser

3 June 2024
CSS only: Animation of a line and a circle that moves along with the line on scroll

20 April 2024 Video
Creating a Text Rolling Hover Effect with CSS and GSAP

16 November 2023
Moving background on scroll using CSS gradient and variable

27 October 2023
Reveal paragraph with highlighted text on scroll, using scroll trigger - with and without splitText plugin

18 September 2023
Toggle animation using gsap: Stick figure

12 June 2023
Creating a Scale Up Text on Scroll Effect with GreenSock

19 March 2023 Video
Slide-Up Text Effect with and without GSAP SplitText plugin

31 January 2023 Video
'hello' animation - Apple's screensaver recreation using GreenSock and SVG

30 January 2023 Video
Horizontal snapping sections using GSAP

16 May 2022
Why SVG?

17 November 2019
Bend It Like Trapti - a SVG logo

3 November 2019
Object-fit visualizing it with various aspect ratios

7 June 2019