오늘의 GUI 챌린지에서 @AdamArgyleInk는 CSS 사용자설정 속성, 요청 애니메이션 프레임 및 일부 JavaScript를 사용하여 물리 UI 효과를 만드는 재미를 불어넣습니다.
챕터:
- 0:00 - 소개
- 0:30 - 배경
- 1:32 - 문자 간격
- 2:35 - 글꼴 크기
- 3:00 - 배율
- 3:28 - 그라데이션
- 3:42 - 테두리 반경
- 3:53 - 너비
- 4:08 - 회전
- 5:26 - 이탈
- 6:28 - 셔플 스택
- 7:05 - 플레이그라운드
- 10:48 - 디버깅 코너
- 13:00 - HTML
- 13:17 - 자바스크립트
- 15:00 - 봄의 물리학 설명
- 18:28 - 데모 설명
- 20:35 - 아우트로
리소스:
- 데모 사용해 보기 → https://goo.gle/3GcHD58
- 출처 확인하기 → https://goo.gle/3n4Sfcg
더 많은 GUI 챌린지를 시청하세요 → https://goo.gle/GUIchallenges
Chrome 개발자 구독하기 → https://goo.gle/ChromeDevs