상세 정보
🎯 단돈 500원으로, 웹사이트 분위기를 한눈에 업그레이드!
✅ 구성
- Available (사용 가능): 마우스 오버 시 부드럽게 컬러 체인지! 시선을 사로잡는 액티브한 효과!
- Pressed (누른 상태): 실제 버튼을 누르는 듯한 입체감! 사용자의 클릭 액션을 확실하게 인지!
- Disabled (사용 불가능): 직관적인 디자인으로 사용 불가를 명확하게! 불필요한 클릭 방지!
🔥 놓칠 수 없는 특별한 가치!
- 🎨 디테일이 살아 있는 디자인: 섬세한 마감으로 웹사이트의 품격을 높여보세요.
- ⚡ 초간단 적용: HTML/CSS 파일만 있다면 어디든 OK! 바로 적용 가능!
- 🌐 넓은 호환성: Chrome, Safari, Edge, Firefox 등 주요 브라우저에서 문제없이 작동!
- 💸 가성비 끝판왕: 이 모든 퀄리티를 단돈 500원에!
🛠 사용 예시
- 사이드 프로젝트용 로그인/회원가입 폼
- 개인 포트폴리오 사이트
- 웹 퍼블리싱 과제나 수업 자료
- 프론트엔드 실습 등 다양한 실무 상황에 바로 활용 가능!
💬 제작자의 한 마디
“화려하진 않지만, 실무에서 바로 써먹을 수 있는 깔끔한 버튼이 필요하셨죠? 수업 중 학생들에게 보여주기 위해 만든 샘플인데, 공유해봅니다. 500원이 아깝지 않은 디자인, 직접 확인해보세요!”
🚀 지금 바로 시작하세요!
단돈 500원! 다운로드하고 지금 바로 나만의 웹페이지에 적용해보세요.
👉 라이선스 및 이용 조건 (구매 전 반드시 확인해주세요) 👈
🧾 구성 파일 안내
📂 original/
original.html- 주석 없는 원본 HTML 파일
original.css- 주석 없는 원본 CSS 파일
documented.html- 모든 CSS 속성에 주석이 포함된 HTML 파일
documented.css- 모든 CSS 속성에 주석이 포함된 CSS 파일
📂 variables/
variables.html- CSS 변수를 사용한 HTML 파일
variables.css- CSS 변수를 사용한 CSS 파일
documented_vars.html- 변수 버전의 모든 CSS 속성에 주석이 포함된 HTML 파일
documented_vars.css- 변수 버전의 CSS 속성에 주석이 포함된 CSS 파일
⚙️ 기술 스택
HTML5
CSS3 (CSS 변수 활용 포함)
웹폰트: Gilroy Light (@import 방식 사용)
🌐 사용 가능 범위
개인 또는 상업적 프로젝트(웹사이트, 앱, 소프트웨어 등) 내 자유롭게 사용 가능
본인의 프로젝트에 맞게 자유롭게 수정 및 통합 가능
❌ 사용 불가 범위
⚠️ 아래 항목 위반 시, 저작권 침해로 간주되어 법적 책임이 발생할 수 있습니다.
원본 HTML/CSS 파일을 그대로 또는 일부 수정하여 재판매, 재배포, 공유 또는 무상 제공하는 행위
이는 본 상품의 저작권을 보호하기 위한 조치입니다.
© 저작권
본 패키지의 저작권은 Jeoney Kim (My Own Study) 에게 있습니다.
✉️ 문의
라이선스나 사용 조건 관련 문의는 아래 이메일로 연락 주세요.
📩 jeoney@myown.study
✅ 구매 동의
이용 조건은 상세 페이지에서 사전 고지되며, 본 상품을 구매함으로써 해당 조건에 동의한 것으로 간주됩니다.
단돈 500원! HTML/CSS 실무용 버튼 디자인!
가격
500원
