Skip to content

A minimal yet stunning glassmorphic card layout featuring dynamic, image-backed typography. Designed with CSS magic and clean HTML, this component brings visual elegance to any portfolio or landing page.

Notifications You must be signed in to change notification settings

masterjaneza/Image-Behind-The-Text-----V2

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 

Repository files navigation

✨ Image Behind Text | V2 - Neon Style

Welcome to Version 2 of the "Image Behind Text" concept — now reimagined with a dark, cyber-glass aesthetic, animated gradients, and glowing text. No JavaScript. No frameworks. Just raw HTML + CSS beauty.

🎯 Purpose

This project showcases a modern UI component — a glowing glassmorphic card with layered text effects and subtle animations. It's perfect for developer portfolios, landing pages, hero sections, or anywhere you want to flex a bit of design finesse.


💡 Improvements in Version 2

  • 🎨 Neon-themed glassmorphism: Enhanced glass card with blurred gradients and colored glow
  • 🔠 Text with image background: Dynamic typography with layered image and gradient fill
  • 💫 Animated overlays: Background gradient movement and glowing blobs for depth
  • 🖱️ Hover Interactivity: Text and buttons animate softly on hover
  • 🌈 Responsive Design: Looks great on all screen sizes

🔧 Tech Stack

  • HTML5 – Semantic structure
  • CSS3 – No libraries, no preprocessors
    • @keyframes for animations
    • backdrop-filter for glass effects
    • background-clip: text for glowing typography


🧩 How to Use

  1. Clone or download this repo.
  2. Replace the background image portfolioimage-5.jpg with your own.
  3. Update your name and subtitle in the HTML.
  4. Open index.html in your browser and bask in your glory.

💡 Inspiration

Inspired by modern UI trends and a relentless desire to stand out. Whether you're showcasing a brand or personal identity, this card sets the tone.




⚙️ Setup & Installation

  1. Clone the repository
    git clone https://github.com/masterjaneza/Horizontal-Scroll-Gallery---V1.git
    

Open the Project:

  • Open index.html in your browser
    or
  • Use Live Server in VS Code.


🧪 License

Feel free to use, modify, or remix. No pressure. Just give credit where credit's due. 😉


🚀 Support the Vibes

Smash that ⭐ star and fork this beauty — let’s build cool things together.


✍️ Credits

Made with soul and style by Davit Janezashvili
aka MasterJaneza – Creative Developer & Designer


About

A minimal yet stunning glassmorphic card layout featuring dynamic, image-backed typography. Designed with CSS magic and clean HTML, this component brings visual elegance to any portfolio or landing page.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •  

Languages