전체 글41 scss 세팅하기, 기본서 https://github.com/glenn2223/vscode-live-sass-compiler/blob/HEAD/docs/settings.md vscode-live-sass-compiler/docs/settings.md at e2d6ac7d731a18f2498adddc7bacf239919f721f · glenn2223/vscode-live-sass-compilerCompile Sass or Scss file to CSS at realtime with live browser reload feature. - glenn2223/vscode-live-sass-compilergithub.com 1. vscode에서 확장 프로그램 다운로드2. 확장 프로그램 > 설정> 확장 설정3. settings.json에서.. 2025. 5. 7. AOS 사용하기, 데이터값 활용하기 스크롤 했을 때 오브젝트가 보이도록 만들기. https://michalsnik.github.io/aos/ AOS - Animate on scroll libraryAOS Animate On Scroll Library Scroll downmichalsnik.github.io하단스크롤 후 ,를 html에 복붙한다. css값을 설정하고 html 적용하고자 하는 값의 태그에 데이터값을 넣어준다.기본적인 데이터 값 이외에 사용하고자 하는 애니메이션 속성이 있다면 커스텀하여 사용해준다. data-aos="fade-up"//애니메이션 효과 data-aos-offset="200"//애니메이션이 시작될 scroll위치 (화면 하단에서부터의 거리) data-aos-delay="50"//지연효과.. 2025. 4. 16. CSS박스쉐도우 5px 5px 10px rgba(0, 0, 0, 0.4) 0 0 20px rgba(0, 157, 255, 0.5) 5px 5px 0 #98ccff; inset 0 0 10px rgba(0, 0, 0, 0.4); inset 0 0 10px #fff; inset 0 0 100px #000; 2025. 3. 14. CSS선 2025. 3. 14. 이전 1 2 3 4 5 ··· 11 다음
