css实现背景不断变色的透明磨砂登录表单页面代码

代码语言:html

所属分类:表单美化

代码描述:css实现背景不断变色的透明磨砂登录表单页面代码

代码标签: css 背景 不断 变色 透明 磨砂 登录 表单 页面 代码

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

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
<style>
    @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
} 

section {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
    background: url('//repo.bfw.wiki/bfwrepo/image/62e20e402b38d.png') no-repeat;
    background-size: cover;
    background-position: center;
    animation: animateBg 5s linear infinite;
}

@keyframes animateBg {
    100% {
        filter: hue-rot.........完整代码请登录后点击上方下载按钮下载查看

网友评论0