CSS Humor

BMW Driver Turn Signal Display None

  1. .bmw-driver .turn-signal { display: none; }

From mdss

Sloth Transition Slow Ease

  1. .sloth { transition: slow ease; }

From Florent Bodart

Work Active Mug Content Coffee Important Color Brown Transition 5 Seconds

  1. .work:active .mug {
  2.   content: “coffee” !important;
  3.   color: brown;
  4.   transition: 5s;
  5. }

From @kDushiMarketing

Media Max Width 15em Skinny Hover Toilet Content Help I’m Falling In

  1. @media (max-width: 15em) {
  2.   .skinny:hover > .toilet {
  3.     content: "Help I'm falling in."
  4.   }
  5. }

From @ramriot

Face Text Align Center Face Eyebrows Border Top Solid Black Width 25% Display Inline Block Margin 0 5%

  1. .face {
  2.   text-align: center;
  3. }
  4. .face .eyebrows {
  5.   border-top: 4px solid black;
  6.   width: 25%;
  7.   display: inline-block;
  8.   margin:0 5% 0 5%;
  9. }

From @mburakerman

Batiseñal Visibility Visible

  1. .batiseñal { visibility: visible; }

From @imNicoSuarez

Transparent Aluminum Opacity 1 Padding 36em Height 4226em Width 722em Content Whales

  1. .transparent-aluminum {
  2.   opacity: 1.00;
  3.   padding: 36em;
  4.   height: 4226em;
  5.   width: 722em;
  6.   content: "Whales";
  7. }

From @ramriot

Coffee Color Black Coffee Before Content Zz Position Relative Coffee After Content BOOM Position Absolute

  1. .coffee {
  2.   color: black;
  3. }
  4. .coffee::before {
  5.   content: "Zz";
  6.   position: relative;
  7. }
  8. .coffee::after {
  9.   content: "BOOM!";
  10.   position: absolute;
  11. }

From @_CodeGears_

MGS Solid Snake Transform Box View Box Visibility Hidden

  1. #MGS .solid_snake {
  2.   transform-box: view-box;
  3.   visibility: hidden;
  4. }

From @_CodeGears_

Party Bottles After Content Empty Party Floor After Content Diced Carrots

  1. .party .bottles:after {
  2.   content: " ";
  3. }
  4. .party .floor:after {
  5.   content: "diced carrots";
  6. }

From @ramriot