The five best design links, every weekday

Domain: yuanchuan.dev

yuanchuan.dev

Time-based CSS Animations

In my earlier post Time Uniform For CSS Animation, I took a note about a way to do CSS animations with time ticks instead of keyframes.

yuanchuan.dev

Fun with stroke-dasharray

The stroke-dasharray attribute in SVG is more flexible compared to the dashed style in CSS.

yuanchuan.dev

Experimenting A New Syntax To Write SVG

It’s been a while since I introduced a new syntax to the css-doodle project to solve my own problems.

yuanchuan.dev

Dreamy Blur

I was attracted by their slight blur and the subtle glowing effects, and wondered what kind of filter function was used.

yuanchuan.dev

Pixel Patterns

A while ago I saw an interesting pattern generated by a pure mathematical rule.

yuanchuan.dev

Polygon Shapes

CSS Doodle provides a declarative syntax for generating polgyon shapes with clip-path property.

yuanchuan.dev

Flip, Invert, and Reverse

In this article, I’m going to introduce 3 kinds of transformations for the SVG path commands.