采用 swiper8 插件库 + 自建动画，实现门户网站首页轮播图自动播放的动画进度，并在轮播图分页器里实现进度播放。

【实现三栏布局的7种方法】实现左右两栏固定宽度，中间一栏自适应宽度的方法总结。主要是浮动+边距负值/calc()、圣杯布局、双飞翼布局、定位、弹性布局和网格布局这7种方法。

对于刘海屏的适配，你的脑子里首先得有苹果手机的 Safe Area 的概念，关于 Safe Area 网上的资料已经非常多了，这里就不再赘述，更偏向实战一点。但是为了比较，我这里给出一张苹果官方文档中，iPhone8之前的常规屏幕和刘海屏 Safe Area 区域的对比图。 1…

这是我参与更文挑战的第8天，活动详情查看 更文挑战 页面设计的时候，设计师经常会给页面加上漂亮的背景图。代码实现的时候，我们既希望能够实现屏幕自适应，又希望不会变形，而且背景图还需要不随滚动条的滚动而

正方形梯形圆形椭圆三角形扇形箭头实现原理：利用两个三角形重叠

在之前，我们有一篇介绍带圆角的渐变边框的纯 CSS 实现的文章： 巧妙实现带圆角的渐变边框 会有这么一个话题的本质在于，在过往，想使用纯 CSS 实现纯粹的，内部透明渐变边框，是一件非常困难的事情，像

你有打开控制台查看网页的习惯吗？ 比如打开掘金的控制台，你能看到这样的 console.log 输出， 当然，你也可能看到一些开发者一不留神留在生产环境的调试信息（笑...

直播端尤其是观众端，交互众多，动画显得尤为重要，疯狂地点赞、评论，促进用户关注直播间，以及与抽奖的联动，本文主要提供这些动画的思路

1. 什么是background background是用于集中定义各种背景属性。例如背景的color, size, origin,size,repeat等。其中的属性顺序可以按任意顺序放置。 参数