CodeMyUI CodeMyUI
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="unsubscribe"> | |
| <div class="letter"> | |
| <div class="shadow"></div> | |
| <div class="background"></div> | |
| <div class="body"> | |
| <div class="game idle"> | |
| <div class="headline"> | |
| <span>Win Ping Pong to unsubscribe</span> | |
| <div class="close"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="btn-contain"> | |
| <button class="btn">Click Me!</button> | |
| <div class="btn-particles"> | |
| </div> | |
| </div> | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="wrapper"> | |
| <div id="container"> | |
| <section class="open-book"> | |
| <header> | |
| <h1>Book Layout</h1> | |
| <h6>Erin E. Sullivan</h6> | |
| </header> | |
| <article> | |
| <h2 class="chapter-title">Waiting on projects</h2> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="cover"> | |
| <div class="book"> | |
| <label for="page-1" class="book__page book__page--1"> | |
| <img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/193203/1111.jpg" alt=""> | |
| </label> | |
| <label for="page-2" class="book__page book__page--4"> | |
| <div class="page__content"> | |
| <h1 class="page__content-title">I</h1> | |
| <div class="page__content-blockquote"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="components"> | |
| <div class="switch"> | |
| <div class="switch__1"> | |
| <input id="switch-1" type="checkbox"> | |
| <label for="switch-1"></label> | |
| </div> | |
| <div class="switch__2"> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body> | |
| <div class="hero-container"> | |
| <div class="main-container"> | |
| <div class="poster-container"> | |
| <a href="#"><img src="https://i.ibb.co/ThPNnzM/blade-runner.jpg" class="poster" /></a> | |
| </div> | |
| <div class="ticket-container"> | |
| <div class="ticket__content"> | |
| <h4 class="ticket__movie-title">Blade Runner 2049</h4> | |
| <p class="ticket__movie-slogan"> |
CodeMyUI
/ gsap-scrolltrigger-marquee-page-border.markdown
Created
June 9, 2021 12:32
GSAP ScrollTrigger - Marquee Page Border
A Pen by Ryan Mulligan on CodePen.