css实现一个母亲节快乐文字花朵效果代码

代码语言:html

所属分类:布局界面

代码描述:svg+css实现母亲节快乐动画效果代码

代码标签: css 母亲节 快乐 文字 花朵

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

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <style>
        @import url(https://fonts.googleapis.com/css?family=Oleo+Script);
    @import url(https://fonts.googleapis.com/css?family=Poiret+One);
    body {
      background: #45b9d3;
      color: white;
      overflow: hidden;
    }
    
    .dark {
      position: absolute;
      width: 100%;
      top: 0;
      bottom: 0;
      background: rgba(29, 25, 52, 0.9);
      z-index: 5000;
    }
    
    h1, h2 {
      position: relative;
      text-align: center;
      font-family: "Poiret One", "Oleo Script", cursive;
      text-shadow: 1px 1px 1px rgba(77, 77, 77, 0.5);
      z-index: 1000;
      margin: 0;
    }
    
    h1 {
      margin-top: 4.5rem;
      font-size: 8vw;
    }
    
    h2 {
    .........完整代码请登录后点击上方下载按钮下载查看

网友评论0