本次分享含有很多小技巧，灵活使用能够提升技术水平和工作效率，具体包括以下知识点： 知识点1：:before :after伪元素的使用 知识点2：line-height: 0的妙用 知识点3：trans

一位名 howcode 的程序员苦遭同行的重创——代码一把梭 flex，不禁发出苦天下久矣的感叹，立誓要将 Grid布局 发扬光大

CSS Grid的功能远比我们想象的要强，很多人对Gird布局仅仅局限于了解或者一知半解，殊不知它是CSS语言中最牛逼的部分之一

使用HTML、CSS和 JS创建方向感知磁性悬停按钮，使扩展的圆圈在用户的光标移动到按钮区域内时跟随光标，从而创建出磁性效果，CSS提供视觉方面，而JS添加了动态，有趣的交互为界面添加了活泼的触感

团队在开发大屏项目时，常常会遇到动态词云的效果，如下图所示： “每条词条在容器范围内随机移动，当鼠标放在单独词条上时，停止移动”