Skip to main content
šŸŒ Public

Share visualization

Send this visualization to others.

CSS Neon Gallery (inc. first attempt MrW Logo)

Public visualization

Viewing a saved revision (read-only)

bdf3300db7dd43edaf4b5210431aa4dd

CSS Neon Gallery (inc. first attempt MrW Logo)

0 stars1šŸŒ Public
RRussell Watson
Last edited Feb 3, 2020
Created on Feb 2, 2020

This gallery displays a series of neon-style text effects, rendered using custom CSS `text-shadow` properties on a dark background. The presentation includes a set of greetings, demonstrating varied color and glow treatments. The fourth plaque is a stylized logo, constructed from three text characters, each individually styled with CSS transforms and colored shadows. The layout is built with a custom HTML `<neon>` tag and a CSS container that uses flexbox to center the content. The styling is defined in a separate stylesheet, `neon.css`, and the structure in `index.html`.

AI-generated description

CSS Neon Gallery inspired from Neon text-shadow effect Pen By Erik Jung

  • Uses custom HTML tag <neon> to hold the plaques
  • Uses CSS-selector nth-of-type
  • First attempt to render my logo using TEXT + CSS (graphic logo below)

See Tutorial: Neon Text in CSS

My Logo