最近接了一个需求，产品让在页面上加一个按钮，我（不假思索）：“好的！简单！”。 设计：“好的，按钮样式如下：” 我：“？”

前言 多行文本折叠在前端是一个很常见的交互， 如下图微博展示，当内容超过一定行数，会显示省略号和“全文”按钮。那么该如何通过实现这样的效果呢？本文将介绍两种实现方案。

css遮罩是一种很常见的设计，因为浏览器的兼容性问题，网页上却很少使用css直接书写，一般都是切图实现。 但随着浏览器的发展，目前大部分浏览器已经得到了支持，所以我们可以了解一下如何使用css去实现异

flex布局大家应该已经运用的炉火纯青了，相信在日常开发中大家和我一样不管遇到什么都是flex一把搜哈。直到我遇到grid，才发现有些场景下，grid更加方便。

前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是：用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬

实现一个动态按钮组，并且将视频作为背景 不知道各位是否知道wallenpaper壁纸引擎，其中里面可以将我们自己的html导入当成我们的电脑壁纸，所以，嘿嘿嘿，懂得都懂。大家之后可以慢慢完善

详细介绍使用HTML、CSS实现玻璃质感卡片悬停效果的技术，当鼠标悬停在图片上时，会渐变显示出现一个玻璃拟态风格的卡片元素，其中展示了更多的内容，同时页面背景颜色也会相对变化。朦胧感和层次感和空间感

梯形圆角tab/ 梯形tab/ chrome tab 的实现；要了老命了！！！！！！！！！！！！！！！！！

css实现电梯导航 啥叫电梯导航呢？ 直接上图 当我们点击左边的小导航栏的时候，页面会自动滑动到我们所要看到部分。