RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconOpen Source Software IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit IconNotebook IconObservable Notebooks Icon
Two logos, they're 3 sides of a box. One logo, each side is a letter, with C as the top face. The other repeats CSS 3 times per side.
A series of images of an avatar doing a bunch of skateboard tricks.2 min read

A CSS logo‽

css

A not so serious pair of logos about CSS. Randomly created, but the final "thing" is definitely working in some ways. I think?

Fun attributes:

  • playful use of boxes
  • uses the system font (def looks different on my machine 😉)
  • light / dark theme adaptive
  • resize adaptive
  • position in CSS 3D perspective
  • no position absolute

Regrts:

  • not loading a font?
  • trying harder to use skew()
  • no accessibility testing
  • not using container queries somehow
  • sticking to system colors

Dramatic glowy #

Neat-ish. Take away the glow and it still stands.

Cube marquee #

Where did these come from? #

I saw a brand do something similar with different letters, and I imagined CSS could do something really similar, but its way. CSS is about making boxes, a CSS logo could make a box.

Then I wanted it to be adaptive to color, resize, more… and well its been fun, but I kinda wanna pass the torch. See what some forks can do? :wink wink:

STEAL THIS! Use this wherever you want; no restrictions.

There's some neat opportunities for 3D rotating on the transform of .cube; accelerometer or mouse position much?

Does CSS need a new big 4 instead? 😉

Mentions #

Join the conversation on

152 likes
10 reposts
  • Fabrizio Calderan
  • Osama BCK
  • Ponlawat Panjabog
  • ピィ
  • Huzaifa
  • mjkm_j
  • Анастасия Клайд
  • Dohány Tamás
  • Jem Young
  • Elly Loel ✨🌱

non-animated variants

Adam ArgyleAdam Argyle

Crawl the CSS Webring