collin/mahjong · eb4977f3
Seventy-two filter layers is what was making it stop answering
Collin Richards · 2026-08-21 21:40 UTC · eb4977f3e05afad156fa1fef5a16e10ca4adc5d6 · parent 7f8bbe3e · browse files
modifiedsrc/styles.css+7 −1
| ⋯ 743 unchanged lines | |||
| 744 | 744 | margin: calc(var(--wd) / -2) 0 0 calc(var(--ws) / -2); | |
| 745 | 745 | background-image: url('./assets/back.png'); | |
| 746 | 746 | background-size: 100% 100%; | |
| 747 | - | filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45)); | |
| 747 | + | /* A box-shadow, not a drop-shadow. The square is seventy-two stacks now | |
| 748 | + | rather than the twenty-odd that were left after a deal, and every one of | |
| 749 | + | them sits inside a rotated container: `filter` gives each its own layer to | |
| 750 | + | rasterise, and seventy-two of those being redrawn while a slider moves is | |
| 751 | + | enough to make the page stop answering. The tile is a rectangle, so the | |
| 752 | + | cheap shadow is the same picture. */ | |
| 753 | + | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); | |
| 748 | 754 | } | |
| 749 | 755 | /* One tile left in the stack. */ | |
| 750 | 756 | .wall-stack.s1 i { | |
| ⋯ 1541 unchanged lines | |||