lemansky

Untitled

Nov 23rd, 2020
678
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.     <style>
  9.         * {
  10.             box-sizing: border-box;
  11.         }
  12.         html, body {
  13.             align-items: center;
  14.             background: gold;
  15.             display: flex;
  16.             justify-content: center;
  17.             margin: 0;
  18.             min-height: 100%;
  19.             padding: 0;
  20.             width: 100%;
  21.         }
  22.         .box {
  23.             background-color: firebrick;
  24.             height: 100px;
  25.             width: 100px;
  26.             animation: myAnimation1 3s 5;
  27.         }
  28.  
  29.         /*@keyframes myAnimation1{
  30.             0% { transform: scale(0.1); opacity: 0; }
  31.             60% { transform: scale(1.2); opacity: 1; }
  32.             100% { transform: scale(1); }
  33.         }*/
  34.  
  35.         /*@keyframes myAnimation2{
  36.             0% { transform: rotate(0deg); }
  37.             50% { transform: rotate(90deg); }
  38.             100% { transform: rotate(180deg);}
  39.         }*/
  40.  
  41.         /*@keyframes myAnimation3{
  42.             20%, 40% {transform: translate(15px, 15px); background:coral; }
  43.             60%, 80% {transform: translate(-15px, -15px); background:orchid;}
  44.         }*/
  45.  
  46.     </style>
  47. </head>
  48. <body>
  49.     <div class="container">
  50.         <div class="row">
  51.             <div class="box">
  52.                
  53.             </div>
  54.         </div>
  55.     </div>
  56. </body>
  57. </html>
RAW Paste Data