想实现的效果如下图： 代码： ...

css3倾斜样式：transform:skewX(22deg) 效果图： 知识点： https://www.w3school.com.cn/cssref/pr_transform.asp ...

;style type="text/css"> *{margin: 0px;padding: 0px ...

苦逼的前端工程师在做网站的时候，对以下这种设计图，都不会太陌生。 对于，图中 对勾 √ 图形，该如何优雅的解决这个问题？ 1、切图，切图解决一切问题。老师都说过，对于不规则图形， ...

一.三角形 https://blog.csdn.net/Szu_AKer/article/details/51755821 notice：三角的那部分可以用图片作为背景，但是容易出现杂边。所以利用css中border做出三角形状，原理是用border的形状如下： 当我们设置 ...

一. translate(x,y) 或者translateX(x)或者translateY(y) 注意点：translateX(x)和translateY(y)大写X和Y；只写一个值，默认y=0。 ...

粘性定位 是 相对定位（relative）和 固定定位（fixed）的混合。元素在跨越特定阈值前为相对定位，之后为固定定位。著作权归作者所有。 它主要用在对scroll事件的监听上；简单来说，在滑动 ...

效果图解析： ...