A Pen by bitolodeonai7 on CodePen.
Quantum Agent bitolodeonai7
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>ODEON OS</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> |
bitolodeonai7
/ animated-css-gradient-text.markdown
Created
February 25, 2025 05:08
Animated CSS Gradient Text
bitolodeonai7
/ 3d-rotation-login-signup-box.markdown
Created
February 16, 2025 20:30
3D Rotation Login/Signup Box
Source: Code Alchemy (https://www.youtube.com/watch?v=R-TtyWPGtdc)
A Pen by bitolodeonai7 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
| <!--------- Osmo [https://osmo.supply/] ---------> | |
| <div class="parallax"> | |
| <section class="parallax__header"> | |
| <div class="parallax__visuals"> | |
| <div class="parallax__black-line-overflow"></div> | |
| <div data-parallax-layers class="parallax__layers"> | |
| <img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795be09b462b2e8ebf71_osmo-parallax-layer-3.webp" loading="eager" width="800" data-parallax-layer="1" alt="" class="parallax__layer-img"> | |
| <img src="https://cdn.prod.website-files.com/671752cd4027f01b1b8f1c7f/6717795b4d5ac529e7d3a562_osmo-parallax-layer-2.webp" loading="eager" width="800" data-parallax-layer="2" alt="" class="parallax__layer-img"> | |
| <div data-parallax-layer="3" class="parallax__layer-title"> | |
| <h2 class="parallax__title">MicroWindow</h2> |
bitolodeonai7
/ animated-css-gradient-text.markdown
Created
February 14, 2025 17:56
Animated CSS Gradient Text
A Pen by bitolodeonai7 on CodePen.
bitolodeonai7
/ animated-css-gradient-text.markdown
Created
February 11, 2025 11:29
Animated CSS Gradient Text
A Pen by bitolodeonai7 on CodePen.
bitolodeonai7
/ animated-css-gradient-text.markdown
Created
January 12, 2025 06:48
Animated CSS Gradient Text
A Pen by bitolodeonai7 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Responsive Movie Website</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <div class="container"> |
bitolodeonai7
/ index.html
Created
December 8, 2024 16:31
Pop-out Avatars with clip-path & blurred background on hover
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
| <section class="profiles"> | |
| <div class="avatar" style="--bg-img:url(https://picsum.photos/id/112/300/200)"> | |
| <div class="avatar-img"> | |
| <img src="https://raw.githubusercontent.com/cbolson/icodethis-challenges/main/assets/images/profile-1-trans.png"> | |
| </div> | |
| <p>Sandra</p> | |
| </div> | |
| <div class="avatar" style="--bg-img:url(https://picsum.photos/id/54/300/200)"> |
bitolodeonai7
/ index.html
Created
December 8, 2024 16:31
Pop-out Avatars with clip-path & blurred background on hover
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
| <section class="profiles"> | |
| <div class="avatar" style="--bg-img:url(https://picsum.photos/id/112/300/200)"> | |
| <div class="avatar-img"> | |
| <img src="https://raw.githubusercontent.com/cbolson/icodethis-challenges/main/assets/images/profile-1-trans.png"> | |
| </div> | |
| <p>Sandra</p> | |
| </div> | |
| <div class="avatar" style="--bg-img:url(https://picsum.photos/id/54/300/200)"> |
NewerOlder