A Pen by Filip Zrnzevic on CodePen.
Mwas.Dev Simon749
Simon749
/ gsap-horizontal-scroll-layout-explorations-with-gsap-and-scrolltrigger.markdown
Created
May 19, 2025 09:10
[gsap] ❍ Horizontal Scroll Layout Explorations with GSAP and ScrollTrigger
Simon749
/ gsap-horizontal-scroll-layout-explorations-with-gsap-and-scrolltrigger.markdown
Created
May 19, 2025 09:09
[gsap] ❍ Horizontal Scroll Layout Explorations with GSAP and ScrollTrigger
A Pen by Filip Zrnzevic on CodePen.
This file contains hidden or 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
| <!-- | |
| Woudn't be possible without iconic Fluid Simulation | |
| https://codepen.io/PavelDoGreat/pen/zdWzEL | |
| by Pavel Dobryakov | |
| --> | |
| <input id="image-selector-input" style="visibility:hidden;" type="file"> | |
| <canvas></canvas> |
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Car Rental Landing Page</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link href="https://cdn.jsdelivr.net/npm/remixicon@4.5.0/fonts/remixicon.css" rel="stylesheet"/> | |
| <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'> | |
| <link rel="shortcut icon" href="https://i.postimg.cc/gcZdykyW/jeep.png"> |
This file contains hidden or 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 class="loading"> | |
| <!-- add karla font --> | |
| <header> | |
| <div class="inner"> | |
| <div class="logo"><img src="https://s3-us-west-2.amazonaws.com/s.cdpn.io/123024/wwf-logo.png"></div> | |
| <div class="burger"></div> | |
| <nav> | |
| <a class="active" href="#">Species</a> |
Simon749
/ audio-visualization-ii-web-audio-api.markdown
Created
April 28, 2025 08:57
Audio Visualization II (Web Audio API)
Playing with the web audio API + 2d canvas Music by Iván Ibarra - Cultos Personales
A Pen by Noel Delgado on CodePen.
A Pen by Steve Gardner on CodePen.
This file contains hidden or 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="preloader"> | |
| <div class="circle-container"> | |
| <!-- Dots will be inserted by JavaScript --> | |
| </div> | |
| <div class="initializing-text-container"> | |
| <div class="initializing-progress"></div> | |
| <div class="initializing-text">INITIALIZING</div> | |
| </div> | |
| </div> | |
| <footer> |
This file contains hidden or 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
| <canvas id="c"></canvas> | |
| <div class="content"> | |
| <div class="quote-container"> | |
| <div class="quote">Emptiness<br />breeds<br />creation</div> | |
| <div class="author">when silence speaks, genius listens</div> | |
| </div> | |
| </div> | |
| <div class="custom-quote"> |
Simon749
/ gsap-component-full-screen-image-zoom-on-hover.markdown
Created
April 26, 2025 09:27
[gsap/component] ❍ Full Screen Image Zoom on Hover
A Pen by Filip Zrnzevic on CodePen.
NewerOlder