使用repeating-linear-gradient创建一个条纹卡片效果

本文主要是介绍使用repeating-linear-gradient创建一个条纹卡片效果，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

			使用repeating-linear-gradient创建一个条纹卡片效果
只使用了角度值和色标

<style>

  div{
    border-radius: 20px;
    width: 70%;
    height: 400px;
    margin:  50 auto;
    background: repeating-linear-gradient(
      45deg,  // 角度值
      yellow 0px,  // 色标
      yellow 40px,
      black 40px,
      black 80px
    );
  }

</style>

<div></div>

这篇关于使用repeating-linear-gradient创建一个条纹卡片效果的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！