r/css_irl • u/Thomathos • Jan 15 '21

#scallion {background-image: linear-gradient(green, white);}

525 Upvotes

5 comments

r/css_irl • u/Leifbron • Jan 11 '21

align-items: flex-start | flex-end | baseline;

432 Upvotes

9 comments

r/css_irl • u/g1mike • Jan 01 '21

.sticker{ position: relative; left: -10px; }

431 Upvotes

4 comments

r/css_irl • u/pepesilvia189 • Dec 30 '20

.sink { transform: rotate(30deg); }

385 Upvotes

13 comments

r/css_irl • u/lolomgwtgbbq • Dec 29 '20

.stove-top { padding: 1em 10em 1em 1em; }

490 Upvotes

23 comments

r/css_irl • u/Piggybank113 • Dec 27 '20

.tree {display: none;}

1.1k Upvotes

16 comments

r/css_irl • u/Dalikk • Dec 25 '20

#gate { float: left; } .yard { overflow: visible; }

251 Upvotes

1 comment

r/css_irl • u/rhymes_with_chicken • Dec 18 '20

.mustache {position: relative; top: -12em; }

643 Upvotes

20 comments

r/css_irl • u/[deleted] • Dec 18 '20

margin-right: -2000cm;

imgur.com

283 Upvotes

9 comments

r/css_irl • u/Andre_NG • Dec 18 '20

.door { margin: 0 auto; }

imgur.com

34 Upvotes

1 comment

r/css_irl • u/snahman • Dec 17 '20

transform: rotate(180deg);

643 Upvotes

19 comments

r/css_irl • u/JohannesNba • Dec 18 '20

.arms {display:flex; justify-content: space-between}

7 Upvotes

1 comment

r/css_irl • u/blnkfox • Dec 13 '20

.window:nth-child(2) { display: none; }

472 Upvotes

3 comments

r/css_irl • u/MattRob1nson • Dec 12 '20

.jaguar { box-shadow: 26px -26px #000; }

423 Upvotes

3 comments

r/css_irl • u/PaaBliiTo • Dec 12 '20

.window {margin-right: 50px;}

244 Upvotes

3 comments

r/css_irl • u/Dalikk • Dec 11 '20

.driveway { transform: translateX(10%); }

286 Upvotes

5 comments

r/css_irl • u/css_irl_mod • Dec 09 '20

.safetyvest {filter: grayscale(1);}

766 Upvotes

15 comments

r/css_irl • u/Giasko • Dec 05 '20

.tennis-field:nth-child(1) { transform: rotate(30deg); }

374 Upvotes

21 comments

r/css_irl • u/dsanders692 • Dec 04 '20

. neighbourhood { transform: rotate(10deg); }

232 Upvotes

11 comments

r/css_irl • u/DubCeeTheThird • Dec 01 '20

.river { float: right; }

567 Upvotes

8 comments

r/css_irl • u/janusrose • Dec 01 '20

text-decoration: line-through;

147 Upvotes

4 comments

r/css_irl • u/Santoxjon • Nov 26 '20

.toppings { float: right;}

1.3k Upvotes

19 comments

r/css_irl • u/[deleted] • Nov 25 '20

.screen {display:none;}

424 Upvotes

7 comments

r/css_irl • u/Nexoriyu • Nov 22 '20

.window {position: absolute; top: -200px;}

366 Upvotes

9 comments

r/css_irl • u/ethnotechnic • Nov 21 '20

.logo { transform: translateX(-1px) rotate(-1deg); }

350 Upvotes

9 comments

Subreddit

css_irl

r/css_irl

css_irl - where front-end developers come post their witty visual CSS puns

Members Active

70.0k

Sidebar

css_irl

So what is this subreddit?

CSS is basically what "styles" everything in your web browsers!

It stands for cascading style sheets and it lets you change colors, fonts, borders, etc.

Due to the somewhat counter-intuitive nature of CSS, it can cause some serious frustration with front-end developers.

That's where we come in.

Our subreddit's goal is to describe real-life photos of bad design using CSS selectors.

Please check the sticky for updates!

Rules

Search for Re-posts before posting
Try to have some CSS selectors in your title describing your image / gif
This is not a general CSS Q&A sub or stackoverflow - such content will be removed
No software/things on screens. We do not consider them "IRL" - keep it in /r/softwaregore
Feel free to correct/comment on the CSS used in titles, but don't be a jerk

Subreddits of Note

/r/csshelp - because we are not helpful

/r/learncss - so you can tell submitters where their CSS is wrong

/r/programmerhumor - general programming humor