A Pen by Stan Williams on CodePen.
Stan Williams stanwmusic
🏠
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
| <li class="looping-words__list"> | |
| <p class="looping-words__p">Looping</p> | |
| </li><!--------- Osmo [https://osmo.supply/] ---------> | |
| <section class="cloneable"> | |
| <div class="looping-words"> | |
| <div class="looping-words__containers"> | |
| <ul data-looping-words-list="" class="looping-words__list"> | |
| <li class="looping-words__list"> | |
| <a href="https://www.stanwilliams.org/blog/" target="_blank"><p class="looping-words__p">stanwilliams.org</p></a> | |
| </li> |
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>Audio Transcription App</title> | |
| <link rel="stylesheet" href="styles.css"> | |
| </head> | |
| <body> | |
| <div class="container"> |
stanwmusic
/ halloween-card-matching-game.markdown
Created
September 2, 2024 18:29
Halloween Card Matching Game
A Pen by Stan Williams on CodePen.
stanwmusic
/ halloween-card-matching-game.markdown
Created
September 2, 2024 18:29
Halloween Card Matching Game
A Pen by Stan Williams on CodePen.
stanwmusic
/ around-the-in-885-seconds.markdown
Created
June 15, 2024 18:19
Around the 🌎 in 885 seconds
Inspired by the Animated World Zoom, I wanted to try out rotate and zoom animations with GSAP easing.
Some of the code and Versor class is from Mike Bostocks notebook World Tour
A Pen by Stan Williams on CodePen.
stanwmusic
/ accessible-tabs-animation.markdown
Created
May 19, 2024 20:50
Accessible Tabs ( Animation )
A Pen by Stan Williams 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
| <main> | |
| <ul class='slider'> | |
| <li class='item' style="background-image: url('https://cdn.mos.cms.futurecdn.net/dP3N4qnEZ4tCTCLq59iysd.jpg')"> | |
| <div class='content'> | |
| <h2 class='title'>"RESPONSIVE IMAGE GALLERY"</h2> | |
| <p class='description'> Lorem ipsum, Snuffsum Dipsum | |
| dolor sit amet sit boy sit consectetur | |
| adipisicing elit. Tempore fuga voluptatum, iure corporis inventorey bloney samwich | |
| praesentium nisi. Id laboriosam ipsam enim. </p> | |
| <button>Read More</button> |
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="stage"> | |
| <div class="container"> | |
| <div class="ring"> | |
| <div class="img"></div> | |
| <div class="img"></div> | |
| <div class="img"></div> | |
| <div class="img"></div> | |
| <div class="img"></div> |
A Pen by Stan Williams on CodePen.
NewerOlder