SHARE
TWEET

Untitled

a guest Jun 19th, 2019 64 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <section class="section">
  2.  
  3.   <h1 class="section__title">STICKY</h1>
  4.  
  5.   <div class="container">
  6.     <div class="row">
  7.       <div class="col [ col-lg-8 offset-lg-2 ]">
  8.         <div class="h4">
  9.           Lorem ipsum dolor sit amet consectetur adipisicing elit. Ipsam quos illum aperiam officia provident, mollitia at, tempore atque, blanditiis sit optio esse harum officiis voluptas iusto sequi. Magni, reiciendis quidem.
  10.         </div>
  11.       </div>
  12.     </div>
  13.   </div>
  14.  
  15. </section>
  16.      
  17. .section__title {
  18.   display: inline-block;
  19.   transform: rotate(-90deg) translatex(-100%);
  20.   transform-origin: 0% 0%;
  21.   margin-bottom: 0;
  22.  
  23.   position: sticky;
  24.   top: 0;
  25.   left: 50px;
  26. }
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!
 
Top