johnou/css-puns

Do you know a CSS pun? 😄 Put it over here and make others laugh! 😉

css-puns

Do you know a CSS pun? 😄 Put it over here and make others laugh! 😉

#bodybuilder {
   display: flex;
}

#titanic {
  float: none;
}

.ninja {
  visibility: hidden;
  color: black;
}

.invisibility-cloak + #harry-potter {
  visibility: hidden;
}

#tower-of-pisa {
  font-style: italic;
}

#bruce-banner {
  color: white;
  transition: color 10s;
}

#bruce-banner.the-hulk {
  color: green;
}

#wife {
  right: 100%;
  margin: 0%;
}

.illuminati {
  position: absolute;
  visibility: hidden;
}

.ghost {
  opacity: 0.1;
  pointer-events: none;
}

.dragon-ball {
  z-index: 9001;
}

.fear {
  display: none;
}

#chucknorris {
  color: #bada55;
}

.yomama {
  width: 999999px;
}

.reader-eye {
  filter: blur(100px);
  background-color: black;
}

#rap-artist {
  word-spacing: 0;
}

#titanic {
  float: none;
}

.periodic {
  display: table;
}

#rap-artists {
  word-spacing: none;
}

.titanic {
  float: none;
}

.hobbit {
  height: 50%;
}
.hobbit #foot {
  width: 200%;
}

.eminem {
  word-spacing: 0;
}

#usa + #mexico {
  border: 1px dashed;
}

.titanic {
  float: none;
  bottom: 0;
}

.sniper-mode-engaged {
  cursor: crosshair;
  }

.thor-dark-world {
  background-color: black;
  display: flex;

#lego {
  display: block;
}

#titanic {
  float: none;
}

#invisiblity-cloak {
  visiblity: hidden;
}

#muscles {
  display: flex;
}

.yomama {
  width: 999999px;
}

#samsung {
  @extend apple;
}

#berlin-wall {
  border-collapse: collapse;
  height: 0;
}

#moses > #sea {
  column-count: 2;
}

#tortoise {
  position: static;
}

#kim-kardashian {
  padding-bottom: 9999px;
}

#ocean {
  background-color: blue;
}

.bambis-mom {
   cursor: crosshair;
   orphans: 1;
}

#domino {
  font-style: italic;
}

.rich-people {
  top:1%;
}

.working-class {
  bottom:99%;
}

#save-my-life {
  display: flex;
}

#earth {
  border-radius: 50%;
}

#ikea {
  display: table;
}

#dwayne-johnson {
  font-weight: bold;
}

#corona > .quarantine {
  break-inside: initial
}

#rip {
  bottom: -22677px;
}

#weasley-family-hair {
  color: orange;
}

.autobots {
	transform: translate3d();
}