<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>现象渐变_发廊灯</title>
<style type="text/css">
*{
margin:0;
padding: 0;
}
.wrap{
height: 300px;
width: 60px;
border: 1px solid;
margin: 200px auto;
overflow: hidden;
}
.wrap .inner{
height: 600px;
width: 100%;
background-color: pink;
background: repeating-linear-gradient(-45deg,black 0px,black 15px,white 15px,white 30px);
</style>
</head>
<body>
<div class="wrap">
<div class="inner"></div>
<script type="text/javascript">
var repeat =document.querySelector(".wrap .inner
CSS3效果 发廊灯(渐变效果)
最新推荐文章于 2024-04-24 09:22:16 发布