CSS Humor

My Life Visibility Hidden Smile Display None

#mylife { visibility: hidden; }
.smile { display: none; }

From @dineshbob

Politicians Transform Rotate 180 Degrees Transform Rotate 180 Degrees Transform Rotate 180 Degrees

.politicians {
  transform: rotate(180deg);
  transform: rotate(180deg);
  transform: rotate(180deg);
}

From @phallstrom

Salary Display None

.salary { display: none; }

From @andre_scalco

Nude Beach Border Top None

.nude-beach { border-top: none; }

From @cajebo

Husband Position Absolute Right Zero Wife Position Absolute Right 100%

.husband {
  position: absolute;
  right: 0%;
}

.wife {
  position: absolute;
  right: 100%;
}

From Brandon

007 Content James Bond Background None Visibility Hidden Color Black Border None

#007 {
  content: "James Bond";
  background: none;
  visibility: hidden;
  color: black;
  border: none;
}

From @jeroenzwart0

Atomic Bomb Active After Content Nothing

#atomic-bomb:active:after { content: ""; }

From Paul

Government Direction Initial Important Speak None

.government {
  direction: initial !important;
  speak: none;
}

From @cahnory

Land Mine Before Visibility Hidden Land Mine Hover Active Visibility Collapse Land Mine After Display None

.land-mine::before {
  position: fixed;
  visibility: hidden;
  bottom: -1rem;
  margin-top: auto;
}

.land-mine:hover,
.land-mine:active {
  visibility: collapse;
  elevation: above;
  transform: rotate(180deg);
  vertical-align: sub;
}

.land-mine::after {
  content: "#";
  transform: skew(360deg);
  display: none;
}

From iurianu

Mother-In-Law Display Always Speech Rate Fast

#motherInLaw {
  display: always;
  speech-rate: fast;
}

From iurianu