4.信封repeating-linear-gradient

天使798 · 发表于 2023-3-16 03:41:44

来历：知乎

<!DOCTYPE html>
<html lang=&#34;en&#34;>
<head>
<meta charset=&#34;UTF-8&#34;>
<meta http-equiv=&#34;X-UA-Compatible&#34; content=&#34;IE=edge&#34;>
<meta name=&#34;viewport&#34; content=&#34;width=device-width, initial-scale=1.0&#34;>
<title>Document</title>
<style>
.cont {
width: 200px;
font-size: 18px;
color: #333;
background: repeating-linear-gradient(-45deg,red,red 10px,white 10px,white 20px,blue 20px,blue 30px,white 30px,white 40px) -20px -20px / 200% 200%;
padding: 5px;
      }
.card {
background-color: white;
padding: 10px;
      }
.cont:hover {
box-shadow: 3px 6px 10px gray;
background-position: 0 0;
      }
</style>
</head>
<body>
<div class=&#34;cont&#34;>
<div class=&#34;card&#34;>
         廊坊市代理费见识到了四周的房价是自力福建省砥砺奋进水电费见识到了戍守打法加教员
</div>
</div>
</body>
</html>

原文地址：https://zhuanlan.zhihu.com/p/614315712
免责声明：
1、文章部分图片源于收集，均为表示图；
2、一切文章、图片、音频视频文件等材料版权归版权一切人一切；
3、因非原创文章及图片等内容没法和版权者联系，如原作者或编辑以为作品不宜上网供阅读，或不应无偿利用，请实时告诉我们，以敏捷采纳适当办法，避免给双方形成不需要的经济损失；
4、本页面内容由爬虫法式自动收集于互联网，如无意中加害了媒体或小我的常识产权，请电邮【E-Mail:cb@yoyodoc.com】告之，我们将于24小时内删除。

		自动登录	找回密码
密码			立即注册