Archive of Our Own

Recent bookmarks

• Public Bookmark *

  CSS in Testing by InfinitysWraith

  Fandoms: Ao3 Skins - Fandom, Work Skins - Fandom, css - Fandom  

  • General Audiences
  • No Archive Warnings Apply
  • Gen
  • Complete Work

  18 Apr 2022

  Tags

  • No Archive Warnings Apply
  • CSS
  • Coding
  • HTML
  • workskin
  • how to
  • formatting - Freeform
  • Testing - Freeform
  • Sliding door animation
  • It's not actually a grid
  • It's not actually a Website
  • Popups
  • Other Additional Tags to Be Added
  • Changing the Appearance of Text
  • Making Complex Shapes with CSS
  • Hover-Over Effects on Text/Images
  • Jump-to/Choose Your Own Adventure
  • Changing Ao3's Preset Headers: Author Notes/Chapter Titles/Fic Titles/Summaries/etc.
  • Invisible Links+Link Aesthetic
  • Embedding/Resizing Images
  • Background Overlays
  • Working with GIFs
  • Creating Interactive Elements
  • Animated Letter/Envelope
  • Retroactively Appearing Text
  • Fanwork Research & Reference Guides

  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:

  325

  Kudos:

  1,250

  Bookmarks:

  902

  Hits:

  38,614

  Bookmarked by kitabf

  12 Apr 2026

  Bookmarker's Collections:

  • fic tips.