CSS Humor

Wife Right 100 Percent Margin 0 Touch Action None

  1. .wife {
  2.   right: 100%;
  3.   margin: 0;
  4.   touch-action: none;
  5. }

From Dale

Saw A Pretty Girl Transform Rotate 180 Degrees

  1. .saw-a-pretty-girl {
  2.   transform: rotate(180deg);
  3. }

From mdss

Safari Before Content Sensational Position Absolute Safari After Content Brother of IE9 Position Static

  1. #safari::before {
  2.   content: "Sensational!";
  3.   position: absolute;
  4. }
  5.  
  6. #safari::after {
  7.   content: "Brother of IE9";
  8.   position: static;
  9. }

From Eliezer Pujols

Trump Elected USA People Not Black Content Respect

  1. #trump.elected > .usa > .people:not(.black) {
  2.   content: "Respect";
  3. }

From Eliezer Pujols

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