- Published on
display: none ↔ display: grid 전환은 discrete 속성이라 transition 이 안 걸렸다. transition-behavior: allow-discrete 로 닫힐 때의 페이드아웃을, @starting-style 로 열릴 때의 시작 상태를 지정하면 양방향 모두 transition 된다. 두 줄이면 끝난다.
Kevin-powell
All Posts
- javascript (24)
- functional-programming (18)
- typescript (13)
- pegboard (12)
- dev-log (12)
- youtube (8)
- web (8)
- til (8)
- iterable (7)
- iterator (6)
- ai (5)
- lazy-evaluation (5)
- nextjs (4)
- google (4)
- generator (4)
- matt-pocock (4)
- theo (3)
- css (3)
- audio (3)
- reduce (3)
- debugging (3)
- ssg (3)
- react (3)
- localstorage (3)
- generics (3)
- agents (2)
- llm (2)
- polymorphism (2)
- pipe (2)
- go (2)
- promise (2)
- async (2)
- monad (2)
- iframe (2)
- sandbox (2)
- lz-string (2)
- fxjs2 (2)
- lodash (2)
- ramda (2)
- comparison (2)
- cloudflare (2)
- claude-code (2)
- skills (2)
- hydration (2)
- monaco (2)
- animation (1)
- baseline (1)
- function-overloads (1)
- function (1)
- project (1)
- alphago (1)
- internet (1)
- gemini (1)
- cli (1)
- has (1)
- selector (1)
- getusermedia (1)
- mediadevices (1)
- audiocontext (1)
- web-audio-api (1)
- map (1)
- filter (1)
- arguments (1)
- rest-parameter (1)
- curry (1)
- refactoring (1)
- performance (1)
- eager-evaluation (1)
- type-system (1)
- overloading (1)
- composition (1)
- flatten (1)
- kleisli-composition (1)
- functor (1)
- applicative (1)
- category-theory (1)
- browser (1)
- url (1)
- base64 (1)
- encoding (1)
- playground (1)
- state-machine (1)
- xstate (1)
- fsm (1)
- design-pattern (1)
- side-project (1)
- i18n (1)
- design-system (1)
- shadcn (1)
- brand (1)
- wasm (1)
- ffmpeg (1)
- webgpu (1)
- gemma (1)
- on-device-ai (1)
- analytics (1)
- ga4 (1)
- search-console (1)
- strategy (1)
- seo (1)
- orchestration (1)
- adr (1)
- context-md (1)
- ddd (1)
- dnd-kit (1)
- next (1)
- excalidraw (1)
- indexeddb (1)
- static-export (1)
- diff (1)
- flexbox (1)
- coding2go (1)
- cloud-computing (1)
- abdul-bari (1)
kevin-powell (1)
- agent-skills (1)
- web-dev-simplified (1)