ArtSemkin

Untitled

Jun 26th, 2020
105
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.17 KB | None | 0 0
  1. <!-- header curtain AJAX transition -->
  2. <div class="header-curtain header-curtain_transition curtain" id="js-header-curtain-transition">
  3.   <div class="curtain__wrapper-svg">
  4.     <svg class="curtain-svg" viewBox="0 0 1920 1080" preserveAspectRatio="none" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
  5.       <!-- ------------- -->
  6.       <!-- your gradient -->
  7.       <linearGradient id="custom-gradient" x1="0" y1="0%" gradientUnits="userSpaceOnUse" x2="74%" y2="100%">
  8.         <stop offset="0%" stop-color="#09c6f9"/>
  9.         <stop offset="74%" stop-color="#067fc3"/>
  10.       </linearGradient>
  11.       <!-- ------------- -->
  12.       <!-- ------------- -->
  13.       <!-- Default Rectangle -->
  14.       <path class="curtain-svg__normal" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,0 Z"></path>
  15.       <!-- - Default Rectangle -->
  16.       <!-- Curve Top -->
  17.       <path class="curtain-svg__curve curtain-svg__curve_top-desktop" d="M0,300 C305.333333,100 625.333333,0 960,0 C1294.66667,0 1614.66667,100 1920,300 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,300 Z"></path>
  18.       <path class="curtain-svg__curve curtain-svg__curve_top-mobile" d="M0,150 C305.333333,50 625.333333,0 960,0 C1294.66667,0 1614.66667,50 1920,150 L1920,1080 C1614.66667,1080 1294.66667,1080 960,1080 C625.333333,1080 305.333333,1080 0,1080 L0,150 Z"></path>
  19.       <!-- - Curve Top -->
  20.       <!-- Curve Bottom -->
  21.       <path class="curtain-svg__curve curtain-svg__curve_bottom-desktop" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,980 1294.66667,930 960,930 C625.333333,930 305.333333,980 0,1080 L0,0 Z"></path>
  22.       <path class="curtain-svg__curve curtain-svg__curve_bottom-mobile" d="M0,0 C305.333333,0 625.333333,0 960,0 C1294.66667,0 1614.66667,0 1920,0 L1920,1080 C1614.66667,1030 1294.66667,1005 960,1005 C625.333333,1005 305.333333,1030 0,1080 L0,0 Z"></path>
  23.       <!-- - Curve Bottom -->
  24.     </svg>
  25.   </div>
  26. </div>
  27. <!-- - header curtain AJAX transition -->
Add Comment
Please, Sign In to add comment