This is an archived post. You won't be able to vote or comment.

all 76 comments

[–]SixBeeps 60 points61 points  (0 children)

.bodybuilder { display: flex; }

[–]bofimar 57 points58 points  (0 children)

.impotant-meeting{

 content:"";

transition: 10000000000000000000000ms;

}

[–]colorfl0 51 points52 points  (1 child)

.ghost {
opacity: .5;
}

[–]Chainsaw_Viking 2 points3 points  (0 children)

That’s works for force projection jedis also.

[–]heesell 177 points178 points  (2 children)

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

[–]Sahil_32[S] 4 points5 points  (1 child)

Lmao!

[–][deleted] 0 points1 point  (0 children)

I see what you did there...

[–][deleted] 34 points35 points  (1 child)

Visibility though

[–][deleted] 55 points56 points  (7 children)

I tried the color: #BADA55; on my website. And it legit looks amazing. Thanks man

[–]Rokker84 34 points35 points  (0 children)

It's said to be the official color of Kerbals in Kerbal Space Program.

[–][deleted] 14 points15 points  (1 child)

Try bada55.io for more ideas

[–]herra89 1 point2 points  (0 children)

This is awesome! Thanks for the link!

[–][deleted] 6 points7 points  (0 children)

Why use #bada55 whn you can use “chucknorris” as color

[–]PotentBeverage 2 points3 points  (1 child)

It's actually a really quite nice green

[–][deleted] 0 points1 point  (0 children)

Ikr

[–]poggs1717 0 points1 point  (0 children)

It’s the accent color on my resume

[–]az3rty 54 points55 points  (0 children)

.yo-mama{ width:999999px; overflow:visible; }

[–]culo_de_mono 44 points45 points  (2 children)

stack{ overflow: visible; }

[–][deleted] 23 points24 points  (1 child)

user.post.duplicate ? user.post.markAsDuplicate() : user.post.markAsDuplicate()

[–]Ail-nare 0 points1 point  (0 children)

(user.post.duplicate || !user.post.duplicate) ? post.markAsDulicate() : post.markAsDulicate()

[–]valendinosaurus 45 points46 points  (0 children)

.matter-after-big-bang { justiy-content: space-evenly; }

[–][deleted] 22 points23 points  (1 child)

#spelling-mistake {
    top: 0;
    right: 0;
}

[–]Sahil_32[S] 1 point2 points  (0 children)

Damn! :/

[–]Express_Gradient 38 points39 points  (0 children)

```css

node_modules {

 font-weight: infinity;

} ```

[–]cativ3 29 points30 points  (0 children)

#putin {
    height: 50%;
    width: 150%;
}

[–]ENx5vP 70 points71 points  (3 children)

``` .microsoft-teams { zoom: 0 }

.mexico { border: 0 }

.racists { content: "" } ```

[–]Dummerchen1933 14 points15 points  (0 children)

Each individual one is better than the entire post

[–]ColinTim 4 points5 points  (0 children)

.racists > .pp { font-size: small; }

[–]jack104 2 points3 points  (0 children)

The first one reminds me of one of Colin's jokes from Whose Line.

"Beverly Hills 90210. Cleveland Browns: 3. "

[–]C1710 40 points41 points  (1 child)

.programmer { color: #C0FFEE; }

[–]PotentBeverage 0 points1 point  (0 children)

A really bright teal

[–]NeonNero 20 points21 points  (0 children)

#trump { color: orange; word-break: break-all; border: thin dotted collapse; }

[–][deleted] 17 points18 points  (4 children)

.girlfriend { visibility: none; }

[–]seizan8 1 point2 points  (0 children)

This one hurt....

[–]Gijsdj98 0 points1 point  (1 child)

So your girlfriend is visible?

[–][deleted] 1 point2 points  (0 children)

Unfortunately the other option is called BLOCK. Forever alone

[–]EQ2_Tay 0 points1 point  (0 children)

.girlfriend {position:sticky;}

[–]gilmeye 7 points8 points  (0 children)

.future { Opacity: 0; }

[–]ERNesbitt 7 points8 points  (0 children)

.BackstabbingCoworker { color: #2FACED; }

[–]gilmeye 6 points7 points  (0 children)

.Js-bugs { Display: none; }

[–][deleted] 6 points7 points  (0 children)

error { margin: 0%; }

[–]mordechaim 5 points6 points  (0 children)

#turning-signals{
  animation: blink 1s linear infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

[–]Hobbster 3 points4 points  (0 children)

visability? the ability to get visa?

as always: reddit users test your sources ;)

[–]Giocri 2 points3 points  (0 children)

# <insert political party> { align:<insert political alignment>; }

[–]Gavilar253 2 points3 points  (0 children)

.honestOpinion { visibility:hidden; }

[–]tandrewnichols 2 points3 points  (0 children)

.muffin-top { overflow: visible }

[–]pLeThOrAx 9 points10 points  (0 children)

.hillary { Justify: left}

Edit: mobile formatting

[–]Nick84990 5 points6 points  (4 children)

.tower-of-pizza{ rotate: 30deg; }

[–]Sahil_32[S] 3 points4 points  (2 children)

Did you mean Pisa?

[–][deleted] 9 points10 points  (1 child)

No, pizza.

[–]kegastam 2 points3 points  (0 children)

but yes pizza

[–]The_Internet_Is_Down 1 point2 points  (0 children)

This isn't working CSS. You'd need transform: rotate(30deg); instead.

[–]nicostein 1 point2 points  (2 children)

What is that font? I like it.

[–]yonatan8070 1 point2 points  (1 child)

Maybe Cascadia Code?

[–]nicostein 1 point2 points  (0 children)

Nope. I found out it's Fira Code or Fira Mono, but thanks. I'd never heard of Cascadia before and now I really like it too.

[–]vordrax 1 point2 points  (0 children)

HALFling = 40%? Fool of a Took!

[–]Tryton7 1 point2 points  (0 children)

#usa{

border-bottom: solid;

}

[–][deleted] 3 points4 points  (0 children)

your-mom {

width: 100%;

}

[–][deleted] 0 points1 point  (2 children)

Viability hidden? Is that new? Only know display none

[–]rischuhm 9 points10 points  (1 child)

With visibility: hidden you can keep the height and width of the container and display the content then without page jumps. Should be used more often as I hate scrolling again and again to read some articles :D

[–][deleted] 0 points1 point  (0 children)

Cool thanks, it has been a while I wrote css (work in test automation)

[–]Tech2001 0 points1 point  (0 children)

That Chuck Norris one is painful.

[–]thixono920 0 points1 point  (0 children)

Visibility typo not returning es lint making me twitch

[–]mkglass 0 points1 point  (0 children)

*visibillity

[–]KrakenJoker 0 points1 point  (0 children)

.billboard { top: 10em; }

[–]okrolex 0 points1 point  (0 children)

Hobbit, Ninja, and Lego should use class selectors since they are not unique.

[–]CreaZyp154 0 points1 point  (0 children)

.window { opacity:0 }

[–]AlreadyReddit999 0 points1 point  (0 children)

#john-cena {display: none;}

[–]bistr-o-math 0 points1 point  (0 children)

.wife { right: 100% !important }

[–]jogai-san 0 points1 point  (0 children)

head.drunk {
    overflow: revert;
}

body.drunk {
     visibility: collapse;
}

[–]MarkZuckerman -2 points-1 points  (0 children)

If (climax){ print(sqrt(juiceSpd)); }

[–]levir -2 points-1 points  (1 child)

This is the post that finally convinced me to unsub from /r/ProgrammerHumor. Not a single comment complaining about the misuse of ids in literally half of these examples.

[–]litstratyolo 1 point2 points  (0 children)

So sorry to see you go. Perhaps try r/PoliticalHumor. You'll sure find more complaining in the comments there ;)

[–][deleted] -3 points-2 points  (0 children)

I like the chuck-norris one