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