你知道当一个人的头像从一个圆圈或洞里伸出来时的那种效果吗？本文将使用一种很简洁的方式实现该悬停效果，只用了一个img元素和不到20行的CSS技巧实现一个炫酷的头像悬停效果

今天为大家分享的是「卡片设计」。 卡片是产品中常见的设计组件之一。通过卡片，可以将不同的内容分层次组合在一起。卡片式设计自带简约和易用的属性，能让页面看起来更有秩序感。 卡片作为常用的UI组件，通常由

为边框加上动画效果，往往会让交互显得更加友好。其中，background-origin 和 background-clip 的区别要注意区分~

我正在参加「码上掘金挑战赛」详情请看：码上掘金挑战赛来了！ 前因 有一天，产品经理跟我说，咱们这个网站的效果太单调了，我想要一个看起来炫酷一些的加载效果。我听后哐哧哐哧就写了一个加载效果，效果如下图所

“我前端王境泽就是写代码猝死,死外面从这里跳下去,也不用你们一点切图” 当UI给你切图后：“真香!”

CSS 大约有两百个属性。很多属性都是相互关联的，理清楚每一个属性细节是不可能的。所以，本文分享一些有用的 CSS 小技巧，方便开发者和设计师参考...

奇怪的面试之旅，如何和前端面试官谈笑风生，并当面手把手给面试官造火箭，造火箭的过程自己很开心，但面试的结果却出乎意料

多行文本展开收起是一个很常见的交互， 如下图演示 实现这一类布局和交互难点主要有以下几点 位于多行文本右下角的“展开收起”按钮 “展开”和“收起”两种状态的切换 当文本不超过指定行数时，不显示“展开收

大家好，我是 Steven。 虽然我不打机，但我都知道 赛博朋克 2077 这个游戏，在它的网页上，有一个 Available Now 的按钮，当游标移到它之上的时候，会有一个好像故障的毛刺效果。 这一期，我们就会模仿并且实现这个效果。 打开 CodePen 编辑器 ( htt…