sua is free

전체 글

• [피그마] figma 대문자 변경하는법

  design/figma 2025. 8. 20. 14:54

  Typography에서 조정 버튼을 누른다. Case 부분에서 입맛에 맞게 변경하시면 됩니다.

  Read More
• AOS(Animate On Scroll) 라이브러리 스크롤 올렸을 시 컨텐츠 다시 원상복구

  publisher/라이브러리 2025. 8. 7. 18:44

  AOS.init({ duration: 600, // 애니메이션 속도 (ms) easing: 'ease-out-cubic', // 부드러운 느낌 offset: offsetPosition, // 요소 등장 트리거 지점 조절 once: false // 한 번만 실행되게 (스크롤 위로 다시 올라가도 재등장 안 함)}); 적용 안 하고 싶으면여기 once 옵션 true로 변경

  Read More
• AOS(Animate On Scroll) 라이브러리 적용

  publisher/라이브러리 2025. 7. 30. 00:43

  스크롤 시 위로 부드럽게 등장! 200ms 뒤에 Zoom-in 효과 ✅ 자주 쓰는 AOS 애니메이션 종류fade-up위로 페이드 등장fade-down아래로 등장fade-left왼쪽에서 등장fade-right오른쪽에서 등장zoom-in확대 등장zoom-out축소 등장flip-left좌측으로 회전 등장slide-up슬라이드 업 효과 ✅ 추가 옵션 (선택) 커스터마이징 예시 ✅ 초기화 커스터마이징 (JS에서)AOS.init({ offset: 120, duration: 800, easing: 'ease-in-out', once: true, // 한 번만 실행});

  Read More
• [Figma] 피그마 기울이기 플러그인 SkewDat

  design/figma 2025. 3. 9. 23:00

  플러그인에 skewdat를 검색하여 run   해당영역을 선택 후 자유롭게 조정

  Read More
• a태그와 button 사용법

  publisher/css 2024. 1. 10. 22:48

  button 클릭했을 때, 이벤트 나타날 때 사용한다. a태그 새창이 뜨거나 링크 이동할 때 사용한다.

  Read More
• [css] background-image 안 보일경우 에러 해결

  publisher/css 2023. 12. 31. 14:16

  .news-bottom-contents-img-wrap{ width: 100%; height: 200px; } .news-bottom-contents-img-box{ width: 100%; height: 100%; background-image: url('../img/contens-img.png'); } background-img만 쓰면 이미지가 안 보여서 쓰기 싫었는데 이제는 자주 써야 할 것 같아서 에러를 찾아보았다. 이유는 여러 가지였는데 나의 버그는 부모에게 가로 세로 사이즈가 없어서 그랬던 것이다. 그래서 width:100% / height: 100%로 했는데도 이미지가 안 떠서 왜 이러지 했는데 알고 보니 세로에 100%를 주게 되면 세로 사이즈가 인식이 안돼서 그랬다. [부모 요소 크기 확인..

  Read More