你是不是还在手写按钮、文本字体等简单样式？这些工具就可以帮你解决以上种种难题，从此下班你将快人一步，赶快用起来吧！

大家好，我是 Steven。 本来想只用 HTML 和 CSS 去制作，但最后都要运用到 JavaScript，那我们立即开始吧。 打开 CodePen 编辑器，首先建立 HTML 结构。新增一个 <div>，class 是 card，里面新增图片，图片来源使用 Un…

想经济上支持我 or 想通过视频看我是怎么实现的: http://edu.csdn.net/course/detail/3956 概述 前几天看有人实现了仿人人美剧的订阅界面，不过在细节之处以及实现方式我个人认为都不是最佳的姿势。于是我也动手撸了一个，还顺带撸了个探探的界面，先…

很多时候我们在开发前端页面时都会做一些动画效果来提升用户体验度和页面美观度，所以今天就来给大家推荐几个好用的JavaScript动画库，希望对各位小伙伴有所帮助！ Animate.css animat

类似Tinder和探探的卡片效果的组件，社区中已经非常多了。我这一版除了可以实现和他们一样的效果外。还增加了飞卡的效果，就是类似我的女神邱淑贞这样。 其实我最早实现这个效果，是在2018年的时候，在weex上实现过一版。原帖请看这里：https://zhuanlan.zhihu…

今天继续推荐提高我们摸鱼时间的几个神器，相信我，你会爱上他们的。 1. Neumorphism 地址：https://neumorphism.io/ 这个网站为 section 或 div 生成对应U

粘性定位可以被认为是相对定位和固定定位的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。例如： 设置了以上样式的元素，在 viewport 视口滚动到元素 top 距离小于 10px 之前，元素

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本文收集了个人目前发过的所有CSS知识点动图，以便阅读。 需要说明的是，顺序仍是按当时发布顺序罗列的，还没有系统的总结，多多包涵。 另外这里，老姚谢谢各位一如既往的支…

默认所有元素 order 属性值为 0，所以我们可以设置子元素的 order 属性来控制他们的顺序。 自己对弹性布局早已闻其名，但却一直一知半解，此文为自己做个小总结💦💦。