Skip to content

Instantly share code, notes, and snippets.

View JoshOohAhhAi's full-sized avatar

JoshOohAhh JoshOohAhhAi

30 followers · 261 following
View GitHub Profile
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 10, 2024 23:50
jquery.vs.js - VectorScrolling jQuery Concept
<div class="container">
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
<h1 class="dummy">Hello World</h1>
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 10, 2024 23:51
Interaction Field Effect - Production
<div class="parent">
<!-- <h1 class="headline">The<br>Interaction<br>Field</h1> -->
<canvas id="c"></canvas>
</div>
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 10, 2024 23:51
Interaction Field Effect - Production
<div class="parent">
<!-- <h1 class="headline">The<br>Interaction<br>Field</h1> -->
<canvas id="c"></canvas>
</div>
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 10, 2024 23:52
Transition on inline transform attribute
<svg viewBox="0 0 100 100">
<rect x="20" y="20" width="60" height="60"/>
</svg>
<h1>Click anywhere</h1>
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 10, 2024 23:52
Transition on inline transform attribute
<svg viewBox="0 0 100 100">
<rect x="20" y="20" width="60" height="60"/>
</svg>
<h1>Click anywhere</h1>
@JoshOohAhhAi
JoshOohAhhAi / bolt-from-point-to-point-v2.markdown
Created October 10, 2024 23:53
Bolt from point to point v2
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 12, 2024 07:39
Timed Cards Opening
<body>
<div class="indicator"></div>
<nav>
<div>
<div class="svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 12, 2024 07:39
Timed Cards Opening
<body>
<div class="indicator"></div>
<nav>
<div>
<div class="svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 12, 2024 07:39
Timed Cards Opening
<body>
<div class="indicator"></div>
<nav>
<div>
<div class="svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"
@JoshOohAhhAi
JoshOohAhhAi / index.html
Created October 12, 2024 07:39
Timed Cards Opening
<body>
<div class="indicator"></div>
<nav>
<div>
<div class="svg-container">
<svg
xmlns="http://www.w3.org/2000/svg"
fill="none"
viewBox="0 0 24 24"