CSS var()

头像悬停效果，不用JS怎么让头像从圈里蹦出来？

这阵子刷到一种贼拉酷的鼠标悬停效果——头像原本老老实实待在圆圈里，鼠标一碰，头像突然放大，感觉像是从圆圈后面“…
一条CSS渐变，真能玩出花？从棋盘格到彩虹的实战技巧

还在以为CSS渐变只能用来做背景过渡？那可太out了。一条渐变函数，不管是线性、锥形还是重复锥形，搭配几个参数…
网站配色总翻车，想搭建灵活又独特的主题色彩系统，到底该从哪下手？

网上那些现成的配色方案看着挺全，可真往自己项目里一塞，怎么感觉大家都长得差不多，没啥自己的调调。想要一套既能自…
想做凸起来的3D文字效果，用CSS分层堆叠真的能搞定吗？

想在网页上整一个那种看起来鼓鼓的、像浮雕一样的3D文字效果，但又不确定从哪儿下手？别慌，这玩意儿看着唬人，其实…
电梯卡在半空不动弹？用纯CSS搞个会算楼层、会指方向的模拟器，到底怎么整？

纯CSS能干啥？以前顶多改改颜色、加加动画。可看到有人拿复选框搭出完整状态机，心里就痒痒：能不能整点更带劲的，…
想把Gmail里那个Gemini动画搬进自己项目，CSS的shape()函数怎么玩？

无论是Gmail网页端还是APP，右上角那个Google Gemini图标悬停时的动画效果都特别抓眼球，那个小…