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.
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.
- 🎨 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
- HTML5 – Semantic structure
- CSS3 – No libraries, no preprocessors
@keyframes
for animationsbackdrop-filter
for glass effectsbackground-clip: text
for glowing typography
- Clone or download this repo.
- Replace the background image
portfolioimage-5.jpg
with your own. - Update your name and subtitle in the HTML.
- Open
index.html
in your browser and bask in your glory.
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.
- 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.
Feel free to use, modify, or remix. No pressure. Just give credit where credit's due. 😉
Smash that ⭐ star and fork this beauty — let’s build cool things together.
Made with soul and style by Davit Janezashvili
aka MasterJaneza
– Creative Developer & Designer