logoHomeBlogThoughtAbout
text texture

Hello,
I’m Yvaine.

I am a frontend developer, sharing my journey through the ever-evolving world of technology on Blog.

Moreover, I’m a bookworm, and my reading log on Thought(zh) is a quirky trove of literary adventures.

Occasionally, I retreat to a quiet corner of the world, where I savor coffee and gelato, taking time to recharge.

February 2025

blogFeb 23

Simulating Heartbeat with SVG Animation

To resemble a real heartbeat on an oscilloscope, the heartbeat line should appear and disappear at both x-axes, staying straight on both sides with a curved center, and a glow effect.

blogFeb 10

Generative Animated SVG - Color

A solid color works, but adding a rainbow line and background makes the SVG more visually appealing.

blogFeb 09

Generative Animated SVG - Formula & Descriptions

Explore Text Rendering in SVG

blogFeb 08

Generative Animated SVG - Curve

To generate three types of SVGs, each one showcases a curve generated by a cubic (with 2 inflection points), quartic (with 3 inflection points), or quintic (with 4 inflection points) function, paired with one of three background colors: rust, cyan, or beige.

featFeb 07

yvainee.comyvainee.com