A Pen by Motionharvest on CodePen.
JoshOohAhh JoshOohAhhAi
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="header"> | |
| <!-- <h1>Spinny Flipz</h1> --> | |
| </div> | |
| <section class="slider-section"> | |
| <div class="wheel"> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-1.jpg" /> | |
| </div> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-2.jpg" /> |
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="header"> | |
| <!-- <h1>Spinny Flipz</h1> --> | |
| </div> | |
| <section class="slider-section"> | |
| <div class="wheel"> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-1.jpg" /> | |
| </div> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-2.jpg" /> |
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="header"> | |
| <!-- <h1>Spinny Flipz</h1> --> | |
| </div> | |
| <section class="slider-section"> | |
| <div class="wheel"> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-1.jpg" /> | |
| </div> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-2.jpg" /> |
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="header"> | |
| <!-- <h1>Spinny Flipz</h1> --> | |
| </div> | |
| <section class="slider-section"> | |
| <div class="wheel"> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-1.jpg" /> | |
| </div> | |
| <div class="wheel__card"> | |
| <img src="https://assets.codepen.io/756881/amys-2.jpg" /> |
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
| <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve"> | |
| <defs> | |
| <path id="criclePath" d="M75,150A75,75 0 1 1225,150A75,75 0 1 175,150"/> | |
| </defs> | |
| <circle cx="150" cy="150" r="135" fill="#fdf195"/> | |
| <g> | |
| <text> | |
| <textPath | |
| aria-label="Your Way, Way Better" |
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
| <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="300px" viewBox="0 0 300 300" enable-background="new 0 0 300 300" xml:space="preserve"> | |
| <defs> | |
| <path id="criclePath" d="M75,150A75,75 0 1 1225,150A75,75 0 1 175,150"/> | |
| </defs> | |
| <circle cx="150" cy="150" r="135" fill="#fdf195"/> | |
| <g> | |
| <text> | |
| <textPath | |
| aria-label="Your Way, Way Better" |
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
| <svg id="mySVG" viewBox="0 0 800 500"> | |
| <title>Awesome Trail Effect from Snorkl.tv</title> | |
| <desc>See Title</desc> | |
| <defs> | |
| <style type="text/css">@import url('https://fonts.googleapis.com/css?family=Kanit:400,800');</style> | |
| <radialGradient id="Gradient_1" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="457.79001736604096" fx="87.54705882352944" fy="45.66078431372547" gradientTransform="matrix( 0.8866510509237457, 0.46243909209302037, -0.4186417194125052, 0.8026605781274461, 157,187.05) " spreadMethod="pad"> | |
| <stop offset="0%" stop-color="#39AEE0"/> | |
| <stop offset="100%" stop-color="#3D89BF"/> |
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
| <svg id="mySVG" viewBox="0 0 800 500"> | |
| <title>Awesome Trail Effect from Snorkl.tv</title> | |
| <desc>See Title</desc> | |
| <defs> | |
| <style type="text/css">@import url('https://fonts.googleapis.com/css?family=Kanit:400,800');</style> | |
| <radialGradient id="Gradient_1" gradientUnits="userSpaceOnUse" cx="0" cy="0" r="457.79001736604096" fx="87.54705882352944" fy="45.66078431372547" gradientTransform="matrix( 0.8866510509237457, 0.46243909209302037, -0.4186417194125052, 0.8026605781274461, 157,187.05) " spreadMethod="pad"> | |
| <stop offset="0%" stop-color="#39AEE0"/> | |
| <stop offset="100%" stop-color="#3D89BF"/> |
JoshOohAhhAi
/ animated-repeating-linear-gradient.markdown
Created
October 10, 2024 23:50
Animated repeating linear gradient
JoshOohAhhAi
/ index.html
Created
October 10, 2024 23:50
jquery.vs.js - VectorScrolling jQuery Concept
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"> | |
| <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> |
OlderNewer