css3 repeating-linear-gradient效果

5月前 48 0

CSS repeating-linear-gradient实现购物车地址选择信封

.mailer {
    width: 100%;
    height:10px;
    background-image: repeating-linear-gradient(-45deg,transparent,transparent 5px,#1691c9 0,#1691c9 20px,transparent 0,transparent 25px,#e97e44 0,#e97e44 40px,transparent 0,transparent 45px,#e35c80 0,#e35c80 60px);
    background-size: 100% 10px;
}

CSS repeating-linear-gradient实现道路施工安全警示标牌

.WarningSigns {
    border-radius: 20px;
    width: 400px;
    height: 400px;
    background: repeating-linear-gradient(
        45deg,
        yellow 0px,
        yellow 40px,
        black 40px,
        black 80px
   );
}

后面会继续更新

400

全部评论 0


    抢沙发