div+css实现2023新年快乐动画效果代码

代码语言:html

所属分类:动画

代码描述:div+css实现2023新年快乐动画效果代码

代码标签: div css 2023 新年 快乐 动画

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

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">






    <style>
        @import url(https://fonts.googleapis.com/css?family=Archivo+Black);
        
        body {
          display: grid;
          place-items: center;
          height: 100vh;
          padding: 0;
          margin: 0;
         background: rgb(255,255,255);
        background: radial-gradient(circle, rgba(255,255,255,1) 50%, rgba(197,217,224,1) 100%);
        }
        
        .main {
          text-align: center;
          border-top: 5px solid;
          border-bottom: 5px solid;
          border-image: linear-gradient(150deg, rgba(155,93,229,1) 0%, rgba(241,91,181,1) 20%, rgba(254,228,64,1) 40%, rgba(0,187,249,1) 60%, rgba(0,245,212,1) 80%) 10% 30%;
        }
        
        h1 {
          font-size: 10rem;
          font-family: "Archivo Black";
          background: rgb(155,93,229);
          background: linear-gradien.........完整代码请登录后点击上方下载按钮下载查看

网友评论0