Bubbles Background Animation
A Pen by GlitchWorker on CodePen.
geekedoutlabs
geekedoutlabs
/ bubbles-background-animation.markdown
Created
January 11, 2025 20:03
Bubbles Background Animation
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
| sectio.nav | |
| h1 FRONTEND TRENDS | |
| h3.span.loader | |
| span.m B | |
| span.m E | |
| span.m N | |
| span.m E | |
| span.m F | |
| span.m I | |
| span.m T |
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> | |
| <!-- Cursor Elements --> | |
| <div class="cursor" id="cursor"></div> | |
| <div class="cursor2" id="cursor2"></div> | |
| <div class="cursor3" id="cursor3"></div> | |
| <!-- Hero Section with Background Image --> | |
| <div class="hero-overlay"></div> | |
| <section class="hero-section"> | |
| <div class="about-text hover-target">about</div> |
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> | |
| <!-- Cursor Elements --> | |
| <div class="cursor" id="cursor"></div> | |
| <div class="cursor2" id="cursor2"></div> | |
| <div class="cursor3" id="cursor3"></div> | |
| <!-- Hero Section with Background Image --> | |
| <div class="hero-overlay"></div> | |
| <section class="hero-section"> | |
| <div class="about-text hover-target">about</div> |
geekedoutlabs
/ header-footer-parallax-effect.markdown
Created
January 12, 2025 08:10
Header/Footer Parallax Effect
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" dir="ltr"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover"> | |
| <title>Norbella Massage - Luxury Wellness & Relaxation</title> | |
| <!-- SEO Meta Tags --> | |
| <meta name="description" content="Experience luxury massage therapy at Norbella Massage. Professional therapeutic treatments in a serene environment."> | |
| <meta name="keywords" content="massage therapy, wellness, relaxation, swedish massage, deep tissue"> |
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>Paradise Massage - Ultimate Relaxation</title> | |
| <!-- SEO Meta Tags --> | |
| <meta name="description" content="Experience the ultimate relaxation in Las Vegas with Paradise Massage. Professional massage therapy services for stress relief and wellness."> | |
| <meta name="keywords" content="massage, las vegas massage, relaxation, spa, wellness"> | |
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="hero-anime"> | |
| <div class="navigation-wrap bg-light start-header start-style"> | |
| <div class="container"> | |
| <div class="row"> | |
| <div class="col-12"> | |
| <nav class="navbar navbar-expand-md navbar-light"> | |
| <a class="navbar-brand" href="https://front.codes/" target="_blank"><img src="https://assets.codepen.io/1462889/fcy.png" alt=""></a> | |
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>Personal Portfolio</title> | |
| <link rel="stylesheet" href="style.css"> | |
| <link rel="shortcut icon" href="https://i.postimg.cc/9fqYVvxh/logo.png" type="image/x-icon"> | |
| </head> | |
| <body> |
OlderNewer