CSS Humor

.nauseated {
  background-color: green;
  overflow-y: visible;
  transform: rotate(1080deg);
}

From @ramriot

#safari::before {
  content: "Sensational!";
  position: absolute;
}

#safari::after {
  content: "Brother of IE9";
  position: static;
}

From Eliezer Pujols

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

From Eliezer Pujols

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

From mdss

.sloth { transition: slow ease; }

From Florent Bodart

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

From @kDushiMarketing

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

From @ramriot

.face {
  text-align: center;
}
.face .eyebrows { 
  border-top: 4px solid black; 
  width: 25%; 
  display: inline-block; 
  margin:0 5% 0 5%;
}

From @mburakerman

.batiseñal { visibility: visible; }

From @imNicoSuarez

.transparent-aluminum {
  opacity: 1.00;
  padding: 36em;
  height: 4226em;
  width: 722em;
  content: "Whales";
}

From @ramriot