lemansky

Untitled

Nov 23rd, 2020
663
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Document</title>
  6.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  7.     <style>
  8.         *{
  9.             box-sizing: border-box;
  10.         }
  11.         html, body {
  12.             align-items: center;
  13.             background: gold;
  14.             display: flex;
  15.             justify-content: center;
  16.             margin: 0;
  17.             min-height: 100%;
  18.             padding: 0;
  19.             width: 100%;
  20.         }
  21.         div {
  22.             background-color: firebrick;
  23.             height: 100px;
  24.             width: 100px;
  25.             animation: rollIn 2s infinite;
  26.         }
  27.         p{
  28.             font-size:32px;
  29.             font-weight:bold;
  30.             animation: fadeInDown 1s 1;
  31.             color:firebrick;
  32.         }
  33.   </style>
  34. </head>
  35. <body>
  36.     <div></div>
  37.     <p>Animated text</p>
  38. </body>
  39. </html>
RAW Paste Data