lemansky

js

Nov 23rd, 2020
727
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.     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
  8.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css">
  9.     <style>
  10.         *{
  11.             box-sizing: border-box;
  12.         }
  13.         html, body {
  14.             align-items: center;
  15.             background: gold;
  16.             display: flex;
  17.             justify-content: center;
  18.             margin: 0;
  19.             min-height: 100%;
  20.             padding: 0;
  21.             width: 100%;
  22.         }
  23.         div {
  24.             background-color: firebrick;
  25.             height: 100px;
  26.             width: 100px;
  27.             animation: rollIn 2s infinite;
  28.         }
  29.         p{
  30.             font-size:32px;
  31.             font-weight:bold;
  32.             animation: fadeInDown 1s 1;
  33.             color:firebrick;
  34.         }
  35.   </style>
  36. </head>
  37. <body>
  38.     <div></div>
  39.     <p>Animated text</p>
  40. </body>
  41. </html>
RAW Paste Data