Need a unique gift idea?
A Pastebin account makes a great Christmas gift
SHARE
TWEET

Untitled

a guest Feb 13th, 2018 71 Never
Upgrade to PRO!
ENDING IN00days00hours00mins00secs
 
  1. <div class="stickyWrap">
  2.   <div id="header">content</div>
  3.    <div id="nav">content</div>
  4. </div>
  5.    
  6. #header{
  7.     -webkit-transition: all 0.3s linear 0s;
  8.     -moz-transition: all 0.3s linear 0s;
  9.     -o-transition: all 0.3s linear 0s;
  10.     transition: all 0.3s linear 0s;
  11.     -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  12.     backface-visibility: hidden;
  13.     padding: 20px 0;
  14. }
  15. .stickyWrap.sticky {
  16.     position: fixed;
  17.     top: 0;
  18.     width: 100%;
  19.     z-index: 99;
  20. }
  21.  
  22. .stickyWrap.sticky #header {
  23.     padding: 5px 0;
  24.     -webkit-transition: all 0.2s ease-in-out 0s;
  25.     -moz-transition: all 0.2s ease-in-out 0s;
  26.     -o-transition: all 0.2s ease-in-out 0s;
  27.     transition: all 0.2s ease-in-out 0s;
  28.     -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  29.     backface-visibility: hidden;
  30. }
  31.    
  32. .myAnimatingClass{
  33.     transform: translate3d(0,0,0);
  34. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top