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' gradientTransform="rotate(-60)" 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-o.........完整代码请登录后点击上方下载按钮下载查看

网友评论0