CSS Humor

Writer Inspiration Display Block Content None

  1. .writer .inspiration {
  2.   display: block;
  3.   content: "";
  4. }

From @salenjonas

Vehicle Unattended Plus Airport Plus Criminal Break Inside Auto Break After Region

  1. .vehicle.unattended + .airport + .criminal {
  2.   break-inside: auto;
  3.   break-after: region;
  4. }

From @SGoresht

Magic Before Display Block Magic After Display None

  1. .magic::before { display: block; }
  2. .magic::after { display: none; }

From @ragiJ

Hoverboard Hover Margin Bottom 50 Pixels

  1. .hoverboard:hover { margin-bottom: 50px; }

From @emilwidlund

Tax Rate Salary Calculate 100 Percent Minus 28 Percent

  1. .tax-rate { salary: calc(100%28%); }

From @NikFlip

St Patricks Day After Everything Animation Slow

  1. #StPatricksDay::after * { animation: slow; }

From @g16n

St Patricks Day Everything Color Green

  1. #StPatricksDay * { color: green; }

From @g16n

Nerd Muscle Display Flex

  1. .nerd-muscle { display: flex; }

From Lance Knadle

Stuff Display Block Important Let Me Do It Harder Stuff Display Block Very Important

  1. .Stuff { display: block !important; }
  2.  
  3. /* Let me do it harder */
  4. .Stuff { display: block !very important; }

From @Lariicsa

Coffee Color 000000 White-Space None

  1. .coffee {
  2.   color: #000000;
  3.   white-space: none;
  4. }

From @koplowicznsons