반응형 script&jquery20 룰렛 Roulette 진행방향1. 룰렛이미지(통으로) => 값추가해서 유동적으로 하면 좋겠지만 이미지가 이쁘다2. 룰렛 돌리고 멈추면 레이어팝업뜨면서 결과페이지 (폭죽터짐) See the Pen 룰렛 판돌리기 Roulette Wheel 결과 레이어팝업 by uni (@agosto) on CodePen. **참고 룰렛See the Pen Lucky Wheel Roulette by uni (@agosto) on CodePen. 2024. 7. 29. 모바일에서만 스크롤시 버튼 보이기 스크롤 특정위치시 버튼 안보이기 1. 1024 모바일 모드에서 아래로 버튼 보임2. 하단 버튼 상단 탑이 보이면 아래로 버튼 삭제3. 1025에서는 아래로 버튼 안보임 See the Pen scoll responsive only mobile show hide by uni (@agosto) on CodePen. 2024. 7. 25. chart.js 방사형 radar 커스텀 border dashed color 구현: 가이드라인 안쪽선은 dashed 바깥선은 solid / 안쪽선과 바깥에 외곽선 굵기다르게 # chart.js커스텀 설명 자세한 블로그 (방사형외에도 여러가지 자세하게 나와있음) https://kasumil.tistory.com/204# 3.x일때 옵션 https://stackoverflow.com/questions/63775419/changing-borderdash-for-specific-gridlines-in-radar-chart# 4.x일때 옵션 https://stackoverflow.com/questions/76055239/dashed-gridlines-in-chart-js-version-4-x -------------------------2. 핑퐁으로 흰색 회색 백그라운드 표시 -> .. 2024. 7. 23. 체크박스 전체선택 전체해제 필수값 버튼활성화 1. 전체체크박스 선택시 다른 체크박스 전체선택 / 전체선택 해제시 다른체크박스 체크해제2. 다른 체크박스 해제시 전체체크박스 해제3. 필수선택 체크박스 선택시에만 버튼 활성화 See the Pen 체크박스 전체선택 전체해제 버튼활성화 select all checkbox by uni (@agosto) on CodePen. 2024. 7. 18. gsap scroll wide masking 스크롤되면서 백그라운드가 글자를 왼쪽에서 오른쪽으로 마스킹하기gsap + ScrollTrigger------------------------background: linear-gradient(to right, #b6b6b6, #b6b6b6) no-repeat;background-clip: text;See the Pen Text scroll and hover effect with GSAP and clip by uni (@agosto) on CodePen. 2024. 7. 16. gsap 플러그인 https://gsap.com/docs/v3/Eases 플러그인쓴거 보면 power1.out이런게 있는데 사이트에 들어가서 체크하면 다양한 이징 효과를 볼수있다 Easing | GSAP | Docs & Learning"slow", "rough", and "expoScale" eases are not in the core - they are packaged together in an EasePack file in order to minimize file size. "CustomEase", "CustomBounce", and "CustomWiggle" are packaged independently as well (not in the core).gsap.com 2024. 7. 11. 이전 1 2 3 4 다음 반응형
