Animating your SVG logo or signature that has variable stroke width using CSS/LESS

We all knew that by using SVG and CSS keyframes animation, we can easily make simple lines and curves neatly appear to be written, as though a person is writing it (check out this awesome tutorial by Ian Yates if you are unfamiliar with it).

However, what if we want to animate our logos or signatures that are more than just simple curves with fixed stroke width? How could we animate complex logos like Coca-Cola or beautiful calligraphy? Turns out it’s not that hard, we simply have to animate each path using the dash-offset technique while clipping it with the original shape.

Continue reading “Animating your SVG logo or signature that has variable stroke width using CSS/LESS”

I, Cloud

Who am I, you asked? Sometimes I’m everywhere. Sometimes I’m nowhere. It is me who blocks the Milky Way and the scorching sun. It is me who provides the rains and the snows.

“You are the clouds?” You might ask. Indeed, I am the cloud.

Continue reading “I, Cloud”

“守株待兔”

这只黑尾长耳小野兔受够了。

小野兔受够了每天那需要担惊受怕的生活。

小野兔受够了那日晒雨淋。

小野兔受够了那风餐露宿。

很久很久以前,小野兔曾听过一个传说,说在小野兔住的Felt Lake这里的北面,有片富饶之极、叫做“斯坦福”的土地。在那儿,不仅每天都可以不愁吃、不愁喝,还有许多许多天上的巨物助他们遮风挡雨。那地方没有野狼,没有红尾𫛭,没有秃鹰,简直就像是个兔间天堂。而且,他没见过任何一个去了那里后又回来的朋友,更证明了那地方的吸引力。

Continue reading ““守株待兔””

Which Elk Should Die?

A painting of a group of elks

It’s autumn 1951. In the forest of the Grand Teton National Park, an aged elk was lying on the ground. It was a peaceful afternoon, but looking at the beauty around her, she couldn’t help but let out a sigh. In the past sixteen years, she had witnessed an explosion in the elk population. The elk species seemed to be thriving and growing. However, she knew that the end was near. If things continued like this, in a decade or a century, there would be no elk left on this land.

Continue reading “Which Elk Should Die?”

Which Wolf Do You Feed?

The drawing of a lone wolf

Many people know that the gray wolves in the Greater Yellowstone Ecosystem were once extirpated in the 1920s. Without the reintroduction in 1995, we would never be able to see this beautiful and majestic animal here. Some think that the hunters and their unethical hunting practice during the 1910s should be fully responsible for the extirpation of wolves in the 1920s. However, the truth might not be so simple.

Continue reading “Which Wolf Do You Feed?”

「鬼哭狼嚎」

The drawing of a lone wolf

很多人都知道大黄石生态系统的狼曾在1920年代被赶尽杀绝,直到1995年才重新将其引入,方才让我们现在有机会目睹这一美丽而威严的野生动物。但大部分人都将1920年代狼的消逝完全怪罪于1910年代的那群猎人,和他们在现在看来完全不道德的猎杀行为上。但殊不知,事实远没有这么简单……

Continue reading “「鬼哭狼嚎」”