加载动画真不是加个旋转圈就完事了…昨天改一个按钮的loading状态,愣是调了快两小时!hover时转圈太急,点击后消失又太突兀,最后发现得加个0.3s的ease-out才不硌硬
现在越来越觉得,好的加载动画其实是种「温柔的欺骗」——它不让你干等,还悄悄告诉你「我在忙,但没卡」。比如用骨架屏+渐显过渡,比纯loading图标舒服多了…
最近试了下CSS自定义属性控制旋转速度,代码超短:
谁懂啊,用户根本不知道这些细节,但就是会觉得「这网站好顺」…
现在越来越觉得,好的加载动画其实是种「温柔的欺骗」——它不让你干等,还悄悄告诉你「我在忙,但没卡」。比如用骨架屏+渐显过渡,比纯loading图标舒服多了…
最近试了下CSS自定义属性控制旋转速度,代码超短:
.button:disabled {
--spin-speed: 1.2s;
animation: spin var(--spin-speed) linear infinite;
}
@keyframes spin {
to { transform: rotate(360deg); }
} 谁懂啊,用户根本不知道这些细节,但就是会觉得「这网站好顺」…
登录/注册