FastBlur实现canvas流体质感表白爱心动画效果代码
代码语言:html
所属分类:表白
代码描述:FastBlur实现canvas流体质感表白爱心动画效果代码
代码标签: FastBlur canvas 质感 爱心 表白
下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<style>
body{
background:#ef6666; margin:0;
padding: 0;
overflow: hidden;
}
canvas {
background:#ef6666;
position: absolute;
}
div.metadata {
position: absolute;
bottom:0;
width: 100%;
font-family: Helvetica, Arial;
font-size:11px;
font-weight: bold;
text-align: center;
color: rgba(151,26,22,1);
}
div.metadata p {
height: 20px;
}
a {
color: inherit;
text-decoration: none;
display:inline-block;
padding: 0 4px 3px 4px;
border-bottom: 2px solid rgba(151,26,22,1);
transition: all .2s;
}
a:hover {
padding: 0 4px 1px 4px;
border-bottom: 4px solid rgba(254,121,68,0.4);
}
div.title {
position: absolute;
top:0;
width: 100%;
text-align:center;
font-family: 'Lato', sans-serif !important;
font-style: normal;
font-weight: 100;
font-size: 70px;
padding-top:40px;
color: rgba(254,255,240,1);
}
</style>
</head>
<body>
<link href=&#.........完整代码请登录后点击上方下载按钮下载查看
网友评论0