跳到正文
艾米艾米的小小岛
设计
艾米的小小岛
设计
本页目录

首页灵感手记

灵感手记

逛到的好博客、想试的动效,慢慢收在这里。

亲手试一试

同样的时间,为什么感觉不同?

两颗小星一起出发,用 1.6 秒走完同样的路。细线标出每过四分之一时间时的位置。

匀速

每一步都一样

每一段时间,走过相同的距离。

先快后慢

靠近终点,轻轻停下

开始走得多,越靠近终点越慢。

时间过半:匀速走过 50%,先快后慢走过 87.5%;最终都走过 100%。

静态图显示时间过半的位置;启用 JavaScript 后可点击播放。

逛博客

朝朝听雨 · 友链
站名旁边附着一句短介绍,适合顺着一条链接发现另一位博主。

Maggie Appleton · The Garden
按兴趣主题和笔记的生长阶段找内容,想法还没写完整,也有地方慢慢长大。

看动效

Josh W. Comeau · CSS Transitions
把缓动曲线和可交互的小样放在一起,比较匀速、加速和减速,比只看参数直观。

记近况

Derek Sivers · /now
先标更新日期,再写眼下的几件事;读的人能分清,这是哪一天的近况。

这些入口按用途收在一起,想继续看哪一件,就顺着原文去逛。

给此刻一张明信片

挑一处场景,写句短话。翻到背面看看,再把喜欢的这一面存下来。

写一张明信片
明信片预览需要JavaScript;上方场景和短句只留在当前页面。

文字只留在当前页面;场景图取自本博客,不会上传你写的话。