🌀 Scroll-driven Animations animation-timeline: view()
🍎 과일 목록
0🍎 사과
1🍌 바나나
2🍒 체리
3🍓 딸기
4🥝 키위
5🍊 오렌지
🎬 View Transitions startViewTransition()
페이지 이동 시 자연스러운 전환 효과. 아래 링크를 클릭하면 슬라이드 인/아웃 애니메이션이 적용됩니다.
🧪 헬퍼 검증 페이지로 이동🏠 홈으로 이동Chrome 111+ 지원 · SPA 라우터에 startViewTransition() 적용됨
📌 Anchor Positioning position-anchor
버튼 위에 마우스를 올리면 버튼 기준으로 정확히 위치한 툴팁이 나타납니다. JS 없음.
Chrome 125+ 지원 · :has(.tooltip-btn:hover) 로 CSS만으로 제어
✂️ str-slice + round + map-indexed 헬퍼 검증
원본: FreeLang v11은 AI가 쓰기 위해 설계된 언어입니다. 함수형 패러다임과 서버 내장.
str-slice(0,30): FreeLang v11은 AI가 쓰기 위해 설계된 언어...