Beautiful CSS
Showcasing works that go above and beyond to represent extra elements in the story using HTML + CSS (work skins).
Text messages and social media are the most common, but anything that shows extra effort with CSS magic counts!
(Open, Unmoderated)
Recent works
-
If You Give a Bat a Burger by Cielle_Noire
Fandoms: Danny Phantom, Batman - All Media Types
28 Mar 2026
Tags
Summary
Strange things are going on in Gotham: A series of crimes linked only by a sentence uttered. A drug that no one seems to be selling, but lots of people are taking. An old enemy reborn, or someone pretending to be him. Graffiti that can't be photographed by normal means. Bartenders disappearing without a trace. John Constantine is also there.
Danny wants nothing to do with any of it. He just wants to sell burgers and survive. Actually, he'd like to go home again, but since that isn't possible, he'll stick with burgers.
Gotham's vigilante's have other plans.
This is why Danny doesn't do favors.
Series
- Part 1 of Batburger AU
-
Tags
Summary
The emails that go through Gotham Academy's servers, and some that don't
HIATUS
Series
- Part 1 of To Pursue Destiny
- Part 2 of Gotham Academy fics
-
continued by AMereDream
Fandoms: 人渣反派自救系统 - 墨香铜臭 | The Scum Villain's Self-Saving System - Mòxiāng Tóngxiù
07 Oct 2022
Tags
Summary
> ... and also, you've started reusing old text again. Kudos to you for almost making it six chapters without using the copy/paste button!
The way you described Luo Binghe reacting to AU!Shen Qingqiu is almost exactly the same as the way you described the wife of the Pale Moon Arc, Chapter 3425 to be specific. Is it really that hard to come up with another turn of phrase, or are you just that lazy?
And furthermore... (Read More)
>> O.o what if its deliberate tho...
>> "...the same as the way you described the wife..." Uhhh Airplane? That was an accident, right? Airplane??
(or, several weeks after Airplane Shooting Towards the Sky had posted what he swore was the last chapter of Proud Immortal Demon Way, a new chapter was uploaded to the site.)
Series
- Part 9 of Scum Villain One Shots
- Part 1 of meta madness
-
Tags
Summary
Amity Park in quarantine. Embarrassing Zoom messages, playing Among Us, tweets, and texts.
And not to mention reading fanfiction and time traveling.(Choose Your Own Adventure in Ch 6, 'Game' in Ch 7)
Series
- Part 7 of Ectober 2020
- Part 2 of #html_cinematic_universe
-
Tags
Summary
One month after @hawks_unofficial's initial viral post, the blog titled "Quirk Analysis Blog for the Future", otherwise known as "Q. A. B.", has gone from an average of 10 views per post to an average of 20,000 views per post.
Midoriya Izuku does not know how to view the impressions analysis for his suddenly popular blog, and only notices that sometimes, people actually comment on his posts now. He does not google himself or his moniker and thus does not see the rise in online articles and speculation.
He is unaware that the "kyuu-ei-bee" he begins to hear about in passing refers to his own blog. He does not have a Twitter account.
At the time, Midoriya Izuku is 15 years old.
Izuku (accidentally) starts a cult.
Series
- Part 1 of how to (accidentally) start a cult
Recent bookmarks
-
Tags
Summary
A tutorial to mimic LINE chats in your stories, with some niceties like stickers.
Series
- Part 1 of AO3 Work Skin Tutorials
-
CSS in Testing by InfinitysWraith
Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom
18 Apr 2022
Tags
Summary
This is a flaming dumpster filled with CSS and HTML experiments. It's not instructional, but I post the code and my own explanations for both our sakes. Feel free to steal the code or ask me questions- I don't know what I'm doing. :)
(Pics are mine though)
Chapter 5 is probably what you're looking for ;)
I'm not going to say I take requests, but I'm always looking for inspiration.
It seems I've broken Ao3 yet again. I can no longer add more code to my work skin so we're moving on to part two!
Series
- Part 1 of CSS in Testing
- Language:
- English
- Words:
- 17,765
- Chapters:
- 16/16
- Comments:
- 321
- Kudos:
- 1,206
- Bookmarks:
- 880
- Hits:
- 36,786
Bookmarked by MeppleMepo
28 May 2026
Bookmarker's Tags:
Bookmarker's Collections:
Bookmarker's Notes
CSS 🔖
-
Tamon's Tantrums by Snowcruter
Fandoms: 多聞くん今どっち!? | Tamon-kun Ima Docchi!? | Tamon's B-Side (Manga)
07 May 2026
Tags
Summary
Tamon starts a conversation.
Tamon overthinks the conversation.
Tamon ruins the conversation.But we all love Tamon so his tantrums can be ignored sometimes I think.
Basically each chapter is a different convo Tamon has with people
-
Bubble-pop! game by Charles_Rockafellor, 𝖀𝓷ᶦ𝕔ⓞðə E Ⓜ️🅾️j̵͍̟̝̝̖̮̓ͭͨ̂̐̚ℹ️ (Charles_Rockafellor)
Fandoms: css - Fandom
27 Jul 2025
Tags
Summary
Ever want to pop some bubbles? Ever want to use RNG to generate them? Well then, here's your handy, dandy bubble-popping game with Random Number Generator, all rolled into one! (Full code included.)
But wait, there's more! Yes sirree, Bob, this li'l baby comes with colors and patterns on its bubbles, and a little tense background music for ambience (might need a pop first, depending upon browser)... and no, it's not a Rick Roll (TL;DR from testing: audio in desktop Chrome, not desktop Opera, iPhone Safari, or Android Chrome; desktop results vary with settings for Firefox, TOR, and MS Edge — details in head-note). G'head: kick the tires and take her out for a spin! ❤️
And YES, it's PLAYABLE ! Tap / chase to click the bubble, find the next; OCD Heaven/Hell!
Don't panic! 😁
Series
- Part 7 of How to
-
Hunt the Wumpus by Charles_Rockafellor
Fandoms: Interactive Fiction | IF, Hunt the Wumpus (Interactive Fiction | IF)
20 Oct 2025
Tags
Summary
Playable game with RNG (Random Number Generator) driven random events!
If you don't remember this game, think back to things like Zork (or, as a poor simile, something remotely like Sir-Tech's Wizardry series in atmosphere [this version of Wumpus being far less graphics-intensive]).
Armed with vorpal arrows and bearing lid-bags of wumpusnip and wumpuspurge of dubious effectiveness in hope of alternately luring and warding away the evil monster, will you take up the gantlet?
Who says that CSS is 𝖍ard?
(NB for TTS screen readers: that last word was “hard”, not “ard”, but I cheated with an “h” from an unusual Unicode range instead of CSS, so that it would remain visually odd in the Summary... and found that my testing-purpose [and sometimes laziness] freebie TTS browser extension can't read it... because of course.)NB 1: HTML-structural redundancy bloated the word and chapter counts; ~15K actual words (~4K vis. by RNG) and 20 caves!
NB 2: More PG than G, about as graphic as Oregon Trail, but I'm not sure if that's enough to rate as Teen.