Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URL's added here will be added as <link>s in order, and before the CSS in the editor. If you link to another Pen, it will include the CSS from that Pen. If the preprocessor matches, it will attempt to combine them before processing.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

HTML

              
                
<h2 class="line">It has always been an advantage <br> looking forward having a vision.</h2>

<div id="opener">
  
  <svg id="earth" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 265">
  <use id="earthPur02" width="1084" height="641" transform="matrix(1 0 0 .9996 -11 -84)" xlink:href="#_Image1"/>
  <text class="typo five" x="20" y="240" fill="#bfbfbf" font-family="'Baskerville',serif" font-size="301.9">
    5
  </text>
  <text class="typo years" x="457" y="238" fill="#bfbfbf" font-family="'Baskerville',serif" font-size="43">
    YEARS
  </text>
      <text class="typo step" x="34" y="340" fill="#bfbfbf" font-family="'Baskerville',serif" font-size="24">
    That's one small step for man, one giant leap for mankind.
  </text>
  <defs>
    <image id="_Image1" width="688" height="407" xlink:href="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/2wBDAQUFBQcGBw4ICA4eFBEUHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh4eHh7/wAARCAGXArADAREAAhEBAxEB/8QAHwAAAQUBAQEBAQEAAAAAAAAAAAECAwQFBgcICQoL/8QAtRAAAgEDAwIEAwUFBAQAAAF9AQIDAAQRBRIhMUEGE1FhByJxFDKBkaEII0KxwRVS0fAkM2JyggkKFhcYGRolJicoKSo0NTY3ODk6Q0RFRkdISUpTVFVWV1hZWmNkZWZnaGlqc3R1dnd4eXqDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uHi4+Tl5ufo6erx8vP09fb3+Pn6/8QAHwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoL/8QAtREAAgECBAQDBAcFBAQAAQJ3AAECAxEEBSExBhJBUQdhcRMiMoEIFEKRobHBCSMzUvAVYnLRChYkNOEl8RcYGRomJygpKjU2Nzg5OkNERUZHSElKU1RVVldYWVpjZGVmZ2hpanN0dXZ3eHl6goOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4uPk5ebn6Onq8vP09fb3+Pn6/9oADAMBAAIRAxEAPwD4yoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKAFxQAYoASgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAXNAC0wCkAhFNqwCUgCgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgBRQAuKLAOSF3YKiFiegAzQ2luOx2PhP4XeOfE5UaP4b1C4DHAZYG2/njFTzp/CrlcvVnqXh/9kj4m34V72Gz05DjPnTDI/AE0uafaxPuneaX+xbcsoOoeLrZG6ssULNj+VO0nu/wJ59drm5a/sYaCFzN4suW/3bbH82qOR/zF8z/l/EddfsceFUTK+K7xDjnNtn9A1NU5y2ZEqijujn7j9ju0ubnZpnjSNhjP7y2I/rWvsKkVdvX0/wCCYLExlKyRxPib9lHxjp8j/wBnatpWoquflWXax/OtIYerLawSxdKL1POPEXwY+IuhoZbzwzetEOskSGRfzXIrOcZwdpRZpGtCa91nCXdlc2khjubeWFh1DqRikpRfU0IMY7UAIaAEoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAUUALigDY8L+GNc8S6hHY6JplxfTyHASJCTUuaTt1HZdz6R+Gn7ImuXxhvPGl+mlW5wzQIN8uPQjoKbjKSvczdVJ8qR9C+Efgt8MPCiquneHI9QuUHM90fMIPrjp+laQoK12v1OerWd7L/ACPRrBLhIgjolpb8COOEBNo9OKqo4bJXHCM95vQgl1u2uNVfT7WbzJrYCSRdw+f2qlhpKCmyHiLS5YFG68VCCRY8wZYHAL4x9eOK6aeXOavdmc8xcWULnxfehfKiNmXcZX94MEdPxrRZdFXcm9DCWYzezKmoeItWmgybdIlHysVBwa6KWDpRluzK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AoAKACgAoAKACgAoAKACgAoAKACgAoAKACgBQaAEoAKAFFAD0kZSME8UCaTLcupTSIiN0X3ovLuZ+yQseq3sb71nZeMAA9Krnl0Y3TTJotZuBFtZizEjk81arSsZugjQh8SSCeNm+6g4rT6zKxHsCS88Us8geNCXH8TU1ipJaB9Xb3KH9tSSP5kxLSE9SelOOKkndkTwiZvR+IrNoUlkKLJHyMfeOBwK9JZnTaWmpw/UJ3did/HZEJ2hmfGFXtSqZzOSsjSGWu92c/q/inUb8bBIY09Aa4KuPq1Op10sFCGrMN3Z2LMxJPrXG25as7Irl2GUhiUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAUAFABQAtACUALmgBKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoAKACgAoA/9k="/>
  </defs>
</svg>

  <h2 class="scroll" >SCROLL</h2>
</div>




              
            
!

CSS

              
                @import url('https://fonts.googleapis.com/css?family=Darker+Grotesque&display=swap');

body {
  margin:0;
  background-color:grey;
  min-height: 4000px;
  font-family:Darker, sans-serif;
  
}

#opener{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/174563/earthPur.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 80%;
  text-align: center;
  color: grey;
}

#earth{
  position: absolute;
  top: 30%;
  left: 50%;
  width:300px;
  overflow: visible;
  visibility:hidden;
}
.typo{
  visibility:hidden;
}

.line{
  position: absolute;
  top: 0;
  left: 30px;
  font-size: 40px;
  color: #5d5d5d;
}
              
            
!

JS

              
                
//defaultEase for all animations in opener
TweenLite.defaultEase = Linear.easeNone;

TweenLite.set('#earth',{autoAlpha:1, xPercent:-50, yPercent:-50});


var sceneStart = window.innerHeight;
var duration = window.innerHeight;
var triggerOffset = document.documentElement.clientHeight ;
var requestId = null;

var action = new TimelineMax({paused: true})
.to('.scroll',500,{autoAlpha:0},800)
.from('#earth',duration*2,{autoAlpha:0, y:100},sceneStart)
.from('.five',duration,{autoAlpha:0, scale:0.5, transformOrigin:'center'},sceneStart+300)
.to('.years',duration,{autoAlpha:1},sceneStart + 600)
.to('.step',duration*1.5,{autoAlpha:1, y:'-=50'},sceneStart + 600)
.to('#opener',duration*1,{y:-sceneStart, onStart: lineTop},sceneStart*4)

function lineTop(){
  var top = window.pageYOffset + sceneStart;
  TweenLite.set('.line',{top:top})
}

// ==========================
window.addEventListener("scroll", requestUpdate);

update();

// Only update on animation frames
function requestUpdate() {
  if (!requestId) {
    requestId = requestAnimationFrame(update);
  }
}

// Set timeline time to scrollTop
function update() {
  action.time(window.pageYOffset + triggerOffset);
  requestId = null;
}
              
            
!
999px

Console