小艳敏
小艳敏Lv1
加载动画真不是加个旋转圈就完事了…昨天改一个按钮的loading状态,愣是调了快两小时!hover时转圈太急,点击后消失又太突兀,最后发现得加个0.3s的ease-out才不硌硬

现在越来越觉得,好的加载动画其实是种「温柔的欺骗」——它不让你干等,还悄悄告诉你「我在忙,但没卡」。比如用骨架屏+渐显过渡,比纯loading图标舒服多了…

最近试了下CSS自定义属性控制旋转速度,代码超短:

.button:disabled {
  --spin-speed: 1.2s;
  animation: spin var(--spin-speed) linear infinite;
}
@keyframes spin {
  to { transform: rotate(360deg); }
}


谁懂啊,用户根本不知道这些细节,但就是会觉得「这网站好顺」…