按钮，一直是网站开发项目中不可或缺的内容之一，很多时候，为了做一个好看有趣的动画效果，总是要花很多心思，我们在前面也分享了一些按钮的练习项目。 今天，我们再来练习一个新的关于按钮的效果，下面，我们一起来看一下今天这个项目…

写在前面 最近，在做一个新项目，考虑用Tailwind CSS来实现UI效果，这个新出来的CSS框架，很多人说，它是一个用了会上瘾的框架，虽然出来时间不长，但是他的火爆程度，直接向bootstrap靠近，当然，好不好用，…

作者 | 杨小爱 写在前面 我们经常会在各大平台看到很多产品的卡片效果，以及一些个人单页网站上的个人资料介绍时，也会用到各种卡片效果来展示信息，这种卡片式的设计，可以帮助我们分门别类的归类各种信息，让内容更加有条理。 因…

写在前面 今天这个练习，是目前很多网站上非常常见的一个效果，主要是这个效果干净简洁，它没有任何多余的内容，看起来也很舒服。 具体效果，请看下面的gif动画： 因为是GIF录屏，背景的渐变色有点色块，衔接不是很好，这个是录…

写在前面 今天练习一个JS实现的模糊加载动画效果，这个效果也是一个比较常见的效果，现在我们一起来看一下，今天练习的最终效果： 这个是一个GIF图片，录制的效果效果没有实际网页显示的效果好，有兴趣的小伙伴，可以通过浏览器来…

写在前面 今天练习的这个效果是一个3D搜索框，这个搜索功能的需求几乎在每个项目中都会遇到，而搜索功能的主要目的就是便于我们查找需要的内容，因此，我们在很多项目中，都会将其放在显眼的位置，同时，又不想让它占据太多页面位置，…

文 | 杨小爱 写在前面 今天这个练习是一款CSS实现的圆形水滴卡片的效果，这种卡片式的效果，它的应用场景也非常多，主要是这种效果，条理清晰，方便阅读，因此，一直受开发者们的喜欢，下面，我们就一起来看一下，今天这个卡片练…

文 | 杨小爱 写在前面 关于这个CSS实现的文本动画效果，我们在前面也分享过很多，今天这个是一个输入文本框样式的动画效果，它的最终效果如下： 它的HTML代码很简单，主要是在CSS这块，具体的实现过程，大家可…

文 | 杨小爱 写在前面 今天这个练习是通过目前比较流行的一个CSS框架Tailwind CSS来实现的，如果你之前有使用其他CSS框架经验的话，比如，有使用过Bootstrap，那今天你来使用这个Tailwind CS…

《游戏设计心理学》试读：社会渗透理论（下）（6万4千字长文慎入）   前言   本文是笔者目前正在撰写的《游戏设计心理学》一书中，其中的一个心理学效应。全书目前撰写了近350万字，而该节则有近6万4千字。具体详情看这里：…