레퍼런스 구현 현황

버전 3.10.0 · 기존 디자인·CSS·WebGL 레퍼런스 12개를 직접 조작하고 코드를 복사할 수 있는 예제로 보강했습니다.

디자인·CSS 예제는 실제 브라우저 속성을 조작하고 셰이더 예제는 Three.js WebGL을 실행합니다. 외부 빌드 도구 및 후처리 파이프라인 전체의 완성 구현은 아닙니다.

광고 허용·거절 선택창 없이 지정된 두 인플로 배너를 자동 요청하도록 변경했습니다. 브라우저 보호 기능과 유효한 이전 거절 기록은 계속 존중합니다. 광고 운영 안내

보강한 레퍼런스

• 더보기 버튼

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 드래그 정렬

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 키보드 단축키

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 문맥 동작

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 확인 패턴

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 등장 애니메이션

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 퇴장 애니메이션

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 페이드 인·아웃

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 슬라이드 인·아웃

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 가속·감속 이징

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• 터치 접근성

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

• CSS 트랜지션

  마우스·터치·키보드로 직접 조작하며 상태 변화를 관찰합니다.

검증 범위

ATLAS 3.10: 12 existing concept diagrams upgraded to original runnable DOM/CSS/JavaScript studies. Local Chromium: 12/12 interactions and standalone exports passed, no JS errors, minimum 14px and no horizontal overflow at 390px. v3.9 features preserved by source fallback; cross-browser, physical-device and live ad creative checks are not claimed.