用 CSS 做一点不讲道理的快乐
渐变、光晕和奇怪的动画,让网页不只是一排排规矩的方块。
网页为什么一定要板着脸?这次决定暂时忘掉「克制一点」的设计建议,用 CSS 搭一座可以点击的小型游乐场。
从一个渐变开始
radial-gradient 负责制造柔软的光,conic-gradient 负责制造糖果色的旋涡,filter: blur() 则让所有棱角变得梦幻。
给动效一个理由
动画不只是装饰。当按钮轻轻弹起、卡片随着鼠标微微转动时,界面就像在回应你的好奇心。记得照顾喜欢减少动态效果的用户。
技术也可以是表达方式,不必每一行代码都严肃。