├── CONTRIBUTING.md ├── LICENSE └── README.md /CONTRIBUTING.md: -------------------------------------------------------------------------------- 1 | # Contribution Guide 2 | 3 | Welcome and thank you for sharing your CSS pun here! 😊 4 | 5 | Add your CSS pun at the end of file in the [README.md](https://github.com/cmcodes1/css-puns/blob/main/README.md) page in the following format. 6 | 7 | - Add ` ```css ` in a new line before writing your pun 8 | - In the next line, type your pun 9 | - Add ` ``` ` in a new line after the pun 10 | 11 | ```css 12 | .ninja { 13 | visibility: hidden; 14 | color: black; 15 | } 16 | ``` 17 | 18 | ## Submitting a pull request 19 | 20 | - Fork and clone the repository. 21 | - Add your pun after adding a line. 22 | - Push to your fork and submit a pull request. 23 | - Laugh at your own pun and wait for your pull request to be reviewed and merged. 24 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2020 C M Pandey 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # css-puns 2 | 3 | Do you know a CSS pun? 😄 Put it over here and make others laugh! 😉 4 | 5 | ```css 6 | #europe .country { 7 | border: none; 8 | } 9 | ``` 10 | 11 | ```css 12 | .profit { 13 | margin: 0; 14 | } 15 | ``` 16 | 17 | ```css 18 | .relationship { 19 | display: flex; 20 | career: none; 21 | } 22 | ``` 23 | 24 | ```css 25 | .sonic { 26 | color: blue; 27 | } 28 | ``` 29 | 30 | ```css 31 | .sonic.super-form { 32 | @extend #goku-hair.super-saiyan; 33 | } 34 | ``` 35 | 36 | ```css 37 | #flash { 38 | position: relative; 39 | visibility: hidden; 40 | } 41 | ``` 42 | 43 | ```css 44 | #mario.mini-mushroom { 45 | transform: scale(50%); 46 | } 47 | ``` 48 | 49 | ```css 50 | .Ex-girlfriend { 51 | margin: 1000px; 52 | } 53 | ``` 54 | 55 | ```css 56 | .future { 57 | display: none; 58 | } 59 | ``` 60 | 61 | ```css 62 | .liberal { 63 | left: 100%; 64 | } 65 | ``` 66 | 67 | ```css 68 | .infinity-pool { 69 | overflow: hidden; 70 | } 71 | ``` 72 | 73 | ```css 74 | #kim-kardashian { 75 | padding-bottom: 9999px; 76 | } 77 | ``` 78 | 79 | ```css 80 | .usa > .marijuana-laws { 81 | .federal { 82 | cursor: not-allowed !important; 83 | .state { 84 | cursor: wait; 85 | &.AK, 86 | &.CA, 87 | &.CO, 88 | &.ME, 89 | &.MA, 90 | &.NV, 91 | &.OR, 92 | &.WA { 93 | cursor: progress; 94 | } 95 | } 96 | } 97 | } 98 | ``` 99 | 100 | ```css 101 | .MVP { 102 | z-index: 999; 103 | } 104 | ``` 105 | 106 | ```css 107 | .fog { 108 | visibility: hidden; 109 | } 110 | ``` 111 | 112 | ```css 113 | .ego { 114 | display: none; 115 | size: 400%; 116 | } 117 | ``` 118 | 119 | ```css 120 | .luck { 121 | display: none; 122 | } 123 | ``` 124 | 125 | ```css 126 | .middle-finger { 127 | display: flex; 128 | justify-content: center; 129 | } 130 | ``` 131 | 132 | ```css 133 | .wealthy { 134 | top: 1%; 135 | } 136 | ``` 137 | 138 | ```css 139 | #me .lookingGood { 140 | backface-visibility: hidden; 141 | } 142 | ``` 143 | 144 | ```css 145 | .teeth { 146 | gap: 10px; 147 | } 148 | ``` 149 | 150 | ```css 151 | .addams { 152 | font-family: "do do do do clap clap"; 153 | } 154 | ``` 155 | 156 | ```css 157 | .bond { 158 | color: #007; 159 | } 160 | ``` 161 | 162 | ```css 163 | .books.last-opened { 164 | display: none; 165 | } 166 | ``` 167 | 168 | ```css 169 | .jamba-juice { 170 | mix-blend-mode: normal; 171 | color: green; 172 | } 173 | ``` 174 | 175 | ```css 176 | .oliver-queen { 177 | cursor: arrow; 178 | } 179 | ``` 180 | 181 | ```css 182 | .up { 183 | animation-direction: reverse; 184 | float: unset; 185 | } 186 | ``` 187 | 188 | ```css 189 | .mosquito-net { 190 | display: grid; 191 | } 192 | ``` 193 | 194 | ```css 195 | .your-fat-darling:hover { 196 | transform: scaleX(100); 197 | } 198 | ``` 199 | 200 | ```css 201 | .belly { 202 | overflow: visible; 203 | } 204 | ``` 205 | 206 | ```css 207 | .stammer { 208 | animation-delay: 1s; 209 | } 210 | ``` 211 | 212 | ```css 213 | .polluted-air { 214 | visibility: none; 215 | background-color: black; 216 | } 217 | ``` 218 | 219 | ```css 220 | #johncena { 221 | visibility: hidden; 222 | } 223 | ``` 224 | 225 | ```css 226 | #usa + #mexico { 227 | border: 1px dashed; 228 | } 229 | ``` 230 | 231 | ```css 232 | .tight-pants { 233 | align-items: stretch; 234 | } 235 | ``` 236 | 237 | ```css 238 | #hacktober_tshirt { 239 | display: flex; 240 | justify-content: center; 241 | } 242 | ``` 243 | 244 | ```css 245 | .periods { 246 | align-content: center; 247 | overflow: hidden; 248 | } 249 | ``` 250 | 251 | ```css 252 | .Robert-Pershing-Wadlow { 253 | height: 100vh; 254 | } 255 | ``` 256 | 257 | ```css 258 | .student:focus { 259 | isolation: isolate; 260 | } 261 | ``` 262 | 263 | ```css 264 | #programmer.girlfriend { 265 | display: none; 266 | } 267 | ``` 268 | 269 | ```css 270 | #who_asked { 271 | visibility: hidden; 272 | text-decoration: none; 273 | } 274 | ``` 275 | 276 | ```css 277 | #wife { 278 | right: 100%; 279 | margin: 0; 280 | } 281 | ``` 282 | 283 | ```css 284 | .monarch { 285 | position: inherit; 286 | } 287 | ``` 288 | 289 | ```css 290 | .china { 291 | border-style: solid; 292 | } 293 | ``` 294 | 295 | ```css 296 | #luffy.boa { 297 | visibility: false; 298 | } 299 | ``` 300 | 301 | ```css 302 | #luffy.meat { 303 | visibility: true; 304 | } 305 | ``` 306 | 307 | ```css 308 | .aliens { 309 | color: green; 310 | visibility: hidden; 311 | } 312 | ``` 313 | 314 | ```css 315 | #me .sleep { 316 | position: relative; 317 | padding-top: 20%; 318 | transform: skewY(150deg); 319 | } 320 | ``` 321 | 322 | ```css 323 | #what_color_am_i { 324 | display: block; 325 | margin: auto; 326 | width: 100%; 327 | height: 100vh; 328 | color: #fff; 329 | background: linear-gradient(-45deg, #ff944d, #ee7752, #e73c7e, #23a6d5, #23d5ab, #00b359); 330 | background-size: 400%, 400%; 331 | position: relative; 332 | animation: animate 10s ease-in-out infinite; 333 | } 334 | 335 | @keyframes animate { 336 | 0% { 337 | background-position: 0 50%; 338 | } 339 | 50% { 340 | background-position: 100% 50%; 341 | } 342 | 100% { 343 | background-position: 0 50%; 344 | } 345 | } 346 | ``` 347 | 348 | ```css 349 | #bruce-banner { 350 | color: green; 351 | transition: 10s; 352 | } 353 | ``` 354 | 355 | ```css 356 | #infinity-edge-pools { 357 | overflow: hidden; 358 | } 359 | ``` 360 | 361 | ```css 362 | #bodybuilder { 363 | display: flex; 364 | } 365 | ``` 366 | 367 | ```css 368 | .bodybuilder + .protein { 369 | flex-grow: 1; 370 | } 371 | ``` 372 | 373 | ```css 374 | #redmi-mobile-ads { 375 | display: block; 376 | transform: scale(100%); 377 | filter: blur(20px); 378 | } 379 | ``` 380 | 381 | ```css 382 | .ninja { 383 | visibility: hidden; 384 | color: black; 385 | animation-duration: 0.00001s; 386 | } 387 | ``` 388 | 389 | ```css 390 | .invisibility-cloak + #harry-potter { 391 | visibility: hidden; 392 | } 393 | ``` 394 | 395 | ```css 396 | #tower-of-pisa { 397 | font-style: italic; 398 | } 399 | ``` 400 | 401 | ```css 402 | #bruce-banner { 403 | color: white; 404 | transition: color 10s; 405 | } 406 | 407 | #bruce-banner.the-hulk { 408 | color: green; 409 | } 410 | ``` 411 | 412 | ```css 413 | #over-the-fence .grass { 414 | color: green; 415 | } 416 | ``` 417 | 418 | ```css 419 | .illuminati { 420 | position: absolute; 421 | visibility: hidden; 422 | } 423 | ``` 424 | 425 | ```css 426 | .ghost { 427 | opacity: 0.1; 428 | pointer-events: none; 429 | } 430 | ``` 431 | 432 | ```css 433 | .dragon-ball { 434 | z-index: 9001; 435 | } 436 | ``` 437 | 438 | ```css 439 | .fear { 440 | display: none; 441 | } 442 | ``` 443 | 444 | ```css 445 | #chucknorris { 446 | color: #bada55; 447 | } 448 | ``` 449 | 450 | ```css 451 | .yomama { 452 | width: 999999px; 453 | } 454 | ``` 455 | 456 | ```css 457 | .reader-eye { 458 | filter: blur(100px); 459 | background-color: black; 460 | } 461 | ``` 462 | 463 | ```css 464 | #rap-artist { 465 | word-spacing: 0; 466 | } 467 | ``` 468 | 469 | ```css 470 | .periodic { 471 | display: table; 472 | } 473 | ``` 474 | 475 | ```css 476 | #rap-artists { 477 | word-spacing: none; 478 | } 479 | ``` 480 | 481 | ```css 482 | .hobbit { 483 | height: 50%; 484 | } 485 | .hobbit #foot { 486 | width: 200%; 487 | } 488 | ``` 489 | 490 | ```css 491 | .titanic { 492 | float: none; 493 | bottom: 0; 494 | } 495 | ``` 496 | 497 | ```css 498 | .sniper-mode-engaged { 499 | cursor: crosshair; 500 | } 501 | ``` 502 | 503 | ```css 504 | .thor-dark-world { 505 | background-color: black; 506 | display: flex; 507 | } 508 | ``` 509 | 510 | ```css 511 | #lego { 512 | display: block; 513 | } 514 | ``` 515 | 516 | ```css 517 | #titanic { 518 | float: none; 519 | } 520 | ``` 521 | 522 | ```css 523 | #invisiblity-cloak { 524 | visiblity: hidden; 525 | } 526 | ``` 527 | 528 | ```css 529 | #muscles { 530 | display: flex; 531 | } 532 | ``` 533 | 534 | ```css 535 | #samsung { 536 | @extend apple; 537 | } 538 | ``` 539 | 540 | ```css 541 | #berlin-wall { 542 | border-collapse: collapse; 543 | height: 0; 544 | } 545 | ``` 546 | 547 | ```css 548 | #moses > #sea { 549 | column-count: 2; 550 | } 551 | ``` 552 | 553 | ```css 554 | #tortoise { 555 | position: static; 556 | } 557 | ``` 558 | 559 | ```css 560 | #ocean { 561 | background-color: blue; 562 | } 563 | ``` 564 | 565 | ```css 566 | .bambis-mom { 567 | cursor: crosshair; 568 | orphans: 1; 569 | } 570 | ``` 571 | 572 | ```css 573 | #domino { 574 | font-style: italic; 575 | } 576 | ``` 577 | 578 | ```css 579 | .rich-people { 580 | top: 1%; 581 | } 582 | 583 | .working-class { 584 | bottom: 99%; 585 | } 586 | ``` 587 | 588 | ```css 589 | #save-my-life { 590 | display: flex; 591 | } 592 | ``` 593 | 594 | ```css 595 | #earth { 596 | border-radius: 50%; 597 | } 598 | ``` 599 | 600 | ```css 601 | #ikea { 602 | display: table; 603 | } 604 | ``` 605 | 606 | ```css 607 | #corona > .quarantine { 608 | break-inside: initial; 609 | } 610 | ``` 611 | 612 | ```css 613 | #rip { 614 | bottom: -22677px; 615 | } 616 | ``` 617 | 618 | ```css 619 | #weasley-family-hair { 620 | color: orange; 621 | } 622 | ``` 623 | 624 | ```css 625 | .autobots { 626 | transform: translate3d(); 627 | } 628 | ``` 629 | 630 | ```css 631 | #deadpool { 632 | color: #deadbeef; 633 | } 634 | ``` 635 | 636 | ```css 637 | #dwayne-johnson { 638 | height: 150%; 639 | font-weight: bold; 640 | } 641 | 642 | #kevin-hart { 643 | height: 50%; 644 | font-weight: lighter; 645 | } 646 | ``` 647 | 648 | ```css 649 | #goku-hair { 650 | color: black; 651 | transition: color 9001s; 652 | } 653 | 654 | #goku-hair.super-saiyan { 655 | color: yellow; 656 | } 657 | ``` 658 | 659 | ```css 660 | .ghost { 661 | display: inline; 662 | color: white; 663 | opacity: 0.1; 664 | } 665 | ``` 666 | 667 | ```css 668 | .karen { 669 | position: absolute; 670 | width: 200%; 671 | z-index: 999; 672 | } 673 | ``` 674 | 675 | ```css 676 | #dictatorship { 677 | position: absolute; 678 | } 679 | ``` 680 | 681 | ```css 682 | .obese { 683 | width: 200%; 684 | overflow: visible; 685 | } 686 | ``` 687 | 688 | ```css 689 | #mario.mushroom { 690 | transform: scale(200%); 691 | } 692 | ``` 693 | 694 | ```css 695 | #brazil { 696 | background: green; 697 | border-color: blue; 698 | color: yellow; 699 | } 700 | ``` 701 | 702 | ```css 703 | .internet-explorer { 704 | break-inside: auto; 705 | } 706 | ``` 707 | 708 | ```css 709 | @media print { 710 | .news { 711 | content: open-quote; 712 | } 713 | } 714 | ``` 715 | 716 | ```css 717 | #bermuda-triangle { 718 | display: none; 719 | } 720 | ``` 721 | 722 | ```css 723 | .lender + .borrower { 724 | visibility: hidden; 725 | } 726 | ``` 727 | 728 | ```css 729 | #prison .escape { 730 | empty-cells: show; 731 | } 732 | ``` 733 | 734 | ```css 735 | .court > .advocate { 736 | justify-content: inherit; 737 | } 738 | ``` 739 | 740 | ```css 741 | .boku-no-pico { 742 | display: none; 743 | } 744 | ``` 745 | 746 | ```css 747 | #europe { 748 | border: none; 749 | } 750 | ``` 751 | 752 | ```css 753 | #big-bang::before { 754 | content: ""; 755 | } 756 | ``` 757 | 758 | ```css 759 | .optimism { 760 | colour: rose; 761 | opacity: 0.5; 762 | } 763 | ``` 764 | 765 | ```css 766 | #move-forward { 767 | colour: green; 768 | } 769 | ``` 770 | 771 | ```css 772 | .john-cena { 773 | visibility: none; 774 | } 775 | ``` 776 | 777 | ```css 778 | #stop { 779 | colour: red; 780 | } 781 | ``` 782 | 783 | ```css 784 | .government { 785 | transition: all 4yr ease-out; 786 | } 787 | ``` 788 | 789 | ````css 790 | .uncle { 791 | position: relative; 792 | } 793 | ``` ```css .ariana-grande { 794 | display: ponytail; 795 | } 796 | ```` 797 | 798 | ```css 799 | #undertaker { 800 | transition: 1s ease-out; 801 | color: black; 802 | opacity: 0; 803 | } 804 | ``` 805 | 806 | ```css 807 | #delorean { 808 | z-index: -1955; 809 | } 810 | ``` 811 | 812 | ```css 813 | .copy-and-paste { 814 | cursor: not-allowed; 815 | } 816 | ``` 817 | 818 | ```css 819 | #crustyCrab { 820 | color: red; 821 | height: 100px; 822 | position: absolute; 823 | visibility: hidden; 824 | width: 100px; 825 | } 826 | ``` 827 | 828 | ```css 829 | .taj-mahal { 830 | color: white; 831 | display: flex; 832 | } 833 | ``` 834 | 835 | ```css 836 | .light-mode { 837 | brightness(200%); 838 | ``` 839 | 840 | ```css 841 | .religious-upbringing { 842 | perspective: inherit; 843 | } 844 | ``` 845 | 846 | ```css 847 | .dark-mode { 848 | brightness(0%); 849 | } 850 | ``` 851 | 852 | ```css 853 | .eminem { 854 | word-spacing: 0; 855 | animation-duration: 0.00001s; 856 | } 857 | ``` 858 | 859 | ```css 860 | #beyonce .everything-you-own { 861 | margin: 0 auto 0 0; 862 | } 863 | ``` 864 | 865 | ```css 866 | .internet-explorer { 867 | visibility: none; 868 | } 869 | ``` 870 | 871 | ```css 872 | .windows-11 { 873 | border-radius: 10px; 874 | } 875 | ``` 876 | 877 | ```css 878 | .label { 879 | margin: 0 auto; 880 | display: flex; 881 | justify-content: center; 882 | align-items: center; 883 | border-radius: 100px; 884 | position: relative; 885 | cursor: pointer; 886 | text-indent: -9999px; 887 | width: 55px; 888 | height: 30px; 889 | background: var(--btn); 890 | } 891 | ``` 892 | 893 | ```css 894 | .skywalks { 895 | opacity: 0%; 896 | border: 0%; 897 | content: ""; 898 | } 899 | ``` 900 | 901 | ```css 902 | .democrat { 903 | float: left; 904 | } 905 | ``` 906 | 907 | ```css 908 | .republican { 909 | float: right; 910 | } 911 | ``` 912 | 913 | ```css 914 | .cupcakes-ready { 915 | overflow: visible; 916 | } 917 | ``` 918 | 919 | ```css 920 | .einstein { 921 | position: relative; 922 | } 923 | ``` 924 | 925 | ```css 926 | .internet-explorer { 927 | break-inside: auto; 928 | } 929 | ``` 930 | 931 | ```css 932 | .popeye + .spinach { 933 | width: 40px; 934 | height: 140px; 935 | transform: scale(10); 936 | } 937 | ``` 938 | 939 | ```css 940 | .push-up-bra { 941 | margin-top: -25%; 942 | overflow: visible; 943 | } 944 | ``` 945 | 946 | ```css 947 | .Ferrari { 948 | color: yellow; 949 | width: 100%; 950 | height: 10%; 951 | } 952 | ``` 953 | 954 | ```css 955 | #fiona { 956 | color: white; 957 | transition: color 10s; 958 | } 959 | ``` 960 | 961 | ```css 962 | #fiona.sunset { 963 | color: green; 964 | } 965 | ``` 966 | 967 | ```css 968 | .money { 969 | display: none; 970 | } 971 | ``` 972 | 973 | ```css 974 | .volei { 975 | display: block; 976 | } 977 | ``` 978 | 979 | ```css 980 | .cat { 981 | box-sizing: content-box; 982 | } 983 | ``` 984 | 985 | ```css 986 | .vampire { 987 | -webkit-box-reflect: none; 988 | } 989 | ``` 990 | 991 | ```css 992 | .apple { 993 | color: space-gray; 994 | } 995 | ``` 996 | 997 | ```css 998 | .thumbs { 999 | vertical-align: top; 1000 | } 1001 | ``` 1002 | 1003 | ```css 1004 | .country-music-concert { 1005 | white-space: nowrap; 1006 | } 1007 | ``` 1008 | 1009 | ```css 1010 | .center-div-bug { 1011 | display: flex; 1012 | justify-content: center; 1013 | align-items: center; 1014 | margin: 0 auto; 1015 | } 1016 | ``` 1017 | 1018 | ```css 1019 | #periodic { 1020 | display: table; 1021 | } 1022 | ``` 1023 | 1024 | ```css 1025 | .water { 1026 | opacity: 0; 1027 | } 1028 | ``` 1029 | 1030 | ```css 1031 | .boat { 1032 | float: right; 1033 | } 1034 | ``` 1035 | 1036 | ```css 1037 | .optimus-prime { 1038 | transform: initial; 1039 | } 1040 | ``` 1041 | 1042 | ```css 1043 | .illuminati { 1044 | position: absolute; 1045 | visibility: hidden; 1046 | } 1047 | ``` 1048 | 1049 | ```css 1050 | .rip { 1051 | bottom: -6912px; 1052 | /* 6912px = 6 feet; */ 1053 | } 1054 | ``` 1055 | 1056 | ```css 1057 | .god { 1058 | position: fixed; 1059 | } 1060 | ``` 1061 | 1062 | ```css 1063 | .liberal { 1064 | left: 100%; 1065 | } 1066 | ``` 1067 | 1068 | ```css 1069 | .sunglass { 1070 | opacity: 0.5; 1071 | } 1072 | ``` 1073 | 1074 | ```css 1075 | .modest { 1076 | flex: 0%; 1077 | } 1078 | ``` 1079 | 1080 | ```css 1081 | .puns :: before { 1082 | content: " "; 1083 | } 1084 | ``` 1085 | 1086 | ```css 1087 | .puns :: after { 1088 | content: " Stomach pain, Smile, Laugh"; 1089 | } 1090 | ``` 1091 | 1092 | ```css 1093 | .rich-people { 1094 | top: 1%; 1095 | } 1096 | ``` 1097 | 1098 | ```css 1099 | .working-class { 1100 | bottom: 99%; 1101 | } 1102 | ``` 1103 | 1104 | ```css 1105 | .new-zealand { 1106 | border: none; 1107 | } 1108 | ``` 1109 | 1110 | ```css 1111 | #guy-lafleur { 1112 | float: right; 1113 | } 1114 | ``` 1115 | 1116 | ```css 1117 | #fear { 1118 | display: none; 1119 | } 1120 | ``` 1121 | 1122 | ```css 1123 | #muscles { 1124 | display: flex; 1125 | } 1126 | ``` 1127 | 1128 | ```css 1129 | .street-food-business { 1130 | margin: 0%; 1131 | } 1132 | ``` 1133 | 1134 | ```css 1135 | .minecraft { 1136 | display: block; 1137 | } 1138 | ``` 1139 | 1140 | ```css 1141 | #scott-lang { 1142 | height: 100%; 1143 | } 1144 | ``` 1145 | 1146 | ```css 1147 | .forehead { 1148 | height: 50%; 1149 | } 1150 | ``` 1151 | 1152 | ```css 1153 | .lego { 1154 | display: block; 1155 | } 1156 | ``` 1157 | 1158 | ```css 1159 | #muscles { 1160 | display: flex; 1161 | } 1162 | ``` 1163 | 1164 | ```css 1165 | #eminem-rap { 1166 | word-spacing: 0; 1167 | } 1168 | ``` 1169 | 1170 | ```css 1171 | #class-board { 1172 | box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; 1173 | } 1174 | ``` 1175 | 1176 | ```css 1177 | #dark-web .hackers { 1178 | visibility: hidden; 1179 | } 1180 | ``` 1181 | 1182 | ```css 1183 | #wife { 1184 | display: none; 1185 | } 1186 | ``` 1187 | 1188 | ```css 1189 | .philosopher { 1190 | position: relative; 1191 | } 1192 | ``` 1193 | 1194 | ```css 1195 | #fat-belly { 1196 | z-index: 100; 1197 | overflow: visible; 1198 | } 1199 | ``` 1200 | 1201 | ```css 1202 | .why-did-the-chicken-cross-the-road { 1203 | text-align: left; 1204 | text-align: right; 1205 | } 1206 | ``` 1207 | 1208 | ```css 1209 | #thanos ~ person::nth-child(2n) { 1210 | display: none; 1211 | } 1212 | ``` 1213 | 1214 | ```css 1215 | #future { 1216 | filter: brightness(500%); 1217 | } 1218 | ``` 1219 | 1220 | ```css 1221 | .pretty { 1222 | color: pink; 1223 | } 1224 | ``` 1225 | 1226 | ```css 1227 | #starbucks { 1228 | color: #c0ffee; 1229 | } 1230 | ``` 1231 | 1232 | ```css 1233 | #nsa { 1234 | opacity: 1; 1235 | } 1236 | ``` 1237 | 1238 | ```css 1239 | .yoga { 1240 | align-self: center; 1241 | } 1242 | ``` 1243 | 1244 | ```css 1245 | .socialDistancing { 1246 | margin: 6912px; /* 6 feet */ 1247 | } 1248 | ``` 1249 | 1250 | ```css 1251 | .ninja { 1252 | color: black; 1253 | visibility: hidden; 1254 | animation-duration: 0.0001s; 1255 | } 1256 | ``` 1257 | 1258 | ```css 1259 | .obese { 1260 | width: 200%; 1261 | overflow: visible; 1262 | } 1263 | ``` 1264 | 1265 | ```css 1266 | .ghost { 1267 | color: white; 1268 | opacity: 0.1; 1269 | } 1270 | ``` 1271 | 1272 | ```css 1273 | .rap-artists { 1274 | word-spacing: 0; 1275 | } 1276 | ``` 1277 | 1278 | ```css 1279 | .kim-kardashian { 1280 | padding-bottom: 999px; 1281 | } 1282 | ``` 1283 | 1284 | ```css 1285 | #scott-lang .ant-man { 1286 | height: 1%; 1287 | } 1288 | ``` 1289 | 1290 | ```css 1291 | #scott-lang .ant-man .giant { 1292 | height: 1000%; 1293 | } 1294 | ``` 1295 | 1296 | ```css 1297 | .autobots { 1298 | transform: translate3d(); 1299 | } 1300 | ``` 1301 | --------------------------------------------------------------------------------