lemansky

Untitled

Nov 24th, 2020
363
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.  
  23.     p:nth-of-type(1){
  24.         width:120px;
  25.         height:120px;
  26.         display:block;
  27.         background:firebrick;
  28.         transition: 2s ease;
  29.     }
  30.  
  31.     p:hover{
  32.         transition: 1s linear;
  33.         background: lightblue;
  34.     }
  35.   </style>
  36. </head>
  37. <body>
  38.     <p></p>
  39. </body>
  40. </html>
RAW Paste Data