css3伪类使用技巧和运用（二）

本帖最后由 coral菜菜 于 2018-8-12 17:22 编纂1、伪元素实现带角度的底部边界（倾斜的边界）原理：修正webkit-transform: skewY属性来修正倾斜度（旋转也是一样的道理）.edge--bottom {    position: relative;    z-index: 1;}.edge--bottom:after {    background: inherit;    content: "";    display: block;    height: 50%;    left: 0;    position: absolute;    right: 0;    z-index: -1;}.edge--bottom:after {    bottom: 0;    -webkit-transform: skewY(-1.5deg);    -ms-transform: skewY(-1.5deg);    transform: skewY(-1.5deg);    -webkit-transform-origin: 100%;    -ms-transform-origin: 100%;    transform-origin: 100%;}2、伪元素和平移（translate）变换实现的提醒框<div class="row">        <a rel="nofollow" rel="noreferrer" href=#本帖最后由 coral菜菜 于 2018-8-12 17:22 编纂1、伪元素实现带角度的底部