RSS FeedTwitterMastodonBlueskyShare IconHeart IconGithub IconArrow IconClock IconGUI Challenges IconHome IconNote IconBlog IconCSS IconJS IconHTML IconShows IconGit IconSpeaking IconTools IconShuffle IconNext IconPrevious IconCalendar IconCalendar Edit 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