长列表自动滚动跟banner自动切换一样，是一个C端展示页面经常遇到的需求。不过网上各类组件库基本都对“幻灯片”（banner使用的组件）组件有封装，自带好自动切换的功能，而长列表（或表格等）自动滚动

最近一直有人问我关于Vue的适配问题如何解决，今天就来给大家分享一下我项目的适配方案（可直接cv！！！）

主要原理是设置文本居中text-align: center;，然后给定两个伪元素，分别绝对定位，那么此时伪元素也是跟随着水平居中的，设置足够的宽度，然后把左边的往左位移100%就可以了，父级记得超出隐藏。 这个比较好理解了，设置display:flex，然后两个伪元素分别铺满剩…

在你的网站上有一个花哨的部分分隔线总是很酷。如果我们能让它们反应灵敏且易于调整，那就更好了。这就是你将在本文中学到的内容。 我们将探索仅使用 CSS 和一些易于操作的优化代码制作的不同部分分隔符。

使用css边框添加四个角效果,效果如图 HTML CSS，注意： 外层的必须设置 position:relative/absolute，因为4个角 position 是 是 absolute

直奔主题，我们要形成上图的四个角高亮（不同色）。有两种方法如下： 利用after、before伪元素，覆盖元素本身的边框，保留四个角不覆盖。 利用四个空标签，分别定义四个角的样式。这种方法相对灵活一些，四个角的样式可以各不相同。

背景 项目开发中，有一个设计稿，要求把图片裁剪成直角梯形。面对这个需求，图片裁剪虽然你会想到用css clip-path polygon来实现，可是polygon具体每个属性的值该设置为多少，你在大脑

最开始是在思否上面看到的这个问题觉得很有意思，看到下面评论一些复杂属性感觉太高级了，于是自己用一些非常简单的属性写了一个，欢迎大佬们指出不足 原理就是前端三角形 整体是用flex做一个左右结构 → 右

纯css实现圆角梯形，以及右侧小斜线，结构简单。主要是利用transform的各种属性，以及perspective属性