NickAndNick

Прямоугольники

Jan 8th, 2013
66
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <!DOCTYPE html>
  2. <html lang="ru">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Прямоугольники</title>
  6. <style>
  7.     html, body, div {
  8.         margin: 0;
  9.         padding: 0;
  10.     }
  11.     .rectangle {
  12.         position: absolute;
  13.         width: 270px;
  14.         height: 180px;
  15.     }
  16.     .blue {
  17.         left: 90px;
  18.         top: 235px;
  19.     }
  20.     #blue1 {
  21.         background-image: linear-gradient(bottom, rgba(20,77,132,0) 25%, rgba(20,77,132,1) 70%);
  22.         background-image: -o-linear-gradient(bottom, rgba(20,77,132,0) 25%, rgba(20,77,132,1) 70%);
  23.         background-image: -moz-linear-gradient(bottom, rgba(20,77,132,0) 25%, rgba(20,77,132,1) 70%);
  24.         background-image: -webkit-linear-gradient(bottom, rgba(20,77,132,0) 25%, rgba(20,77,132,1) 70%);
  25.         background-image: -ms-linear-gradient(bottom, rgba(20,77,132,0) 25%, rgba(20,77,132,1) 70%);
  26.         z-index:4;
  27.     }
  28.     #blue2 {
  29.         background: #144d84;          
  30.         z-index:-1;
  31.     }
  32.     #indigo {
  33.         background: #4b0082;
  34.         left: 270px;
  35.         top: 100px;
  36.         z-index:3;
  37.     }
  38.     #saddlebrown {
  39.         background: #8b4513;
  40.         left: 450px;
  41.         top: 235px;
  42.         z-index:2;
  43.     }
  44.     #green {
  45.         background: #008000;          
  46.         left: 270px;
  47.         top: 370px;
  48.         z-index:1;            
  49.     }
  50. </style>
  51. </head>
  52. <body>
  53.     <div class="rectangle blue" id="blue1"></div>
  54.     <div class="rectangle blue" id="blue2"></div>
  55.     <div class="rectangle" id="indigo"></div>
  56.     <div class="rectangle" id="saddlebrown"></div>
  57.     <div class="rectangle" id="green"></div>
  58. </body>
  59. </html>
RAW Paste Data