svg红色格子桌布背景效果代码

代码语言:html

所属分类:背景

代码描述:svg红色格子桌布背景效果代码

代码标签: svg 红色 格子 桌布 背景

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
 
<meta charset="UTF-8">
 


 
<style>
body
{
       
margin: 0 auto;
}
svg
{
       
height: 100%;
       
width: 100%;
       
position:absolute;
}
</style>

</head>

<body >
 
<svg xmlns="http://www.w3.org/2000/svg">
       
<filter id="blur">
               
<feGaussianBlur stdDeviation="1" />
       
</filter>
       
<linearGradient id='v' gradientTransform="rotate(30)" spreadMethod="repeat" x1="0%" x2="1.117%">
               
<stop offset='0%' stop-color='#000' stop-opacity='1' />
               
<stop offset='25%' stop-color='#000' stop-opacity='0' />
               
<stop offset='50%' stop-color='#000' stop-opacity='1' />
               
<stop offset='75%' stop-color='#000' stop-opacity='0' />
               
<stop offset='100%' stop-color='#000' stop-opacity='1' />
       
</linearGradient>
        <linearGradient id='h�.........完整代码请登录后点击上方下载按钮下载查看

网友评论0