주소복사 버튼 주소복사 button 클릭 시 텍스트 복사 주소 들어가는 부분 주소 복사 홈 화면에 추가 앱아이콘 사이즈 아이폰 안드로이드 아이폰 180 180 안드로이드 192 192 지도 좌표 쉽게 알아보는 사이트 https://tablog.neocities.org/keywordposition 키워드로 장소 검색하고, 클릭하여 위치 좌표 정보 얻기 tablog.neocities.org input css 초기화 input { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus{border: none !important; box-shadow: none;} 다국어 버튼 KOR KOR ENG CN .container { min-width: 85px;margin: 0px 15px 0px 30px; } .dropdown { width: 100%; user-select: none; position: relative; } .dropdown .dropdown-btn {height: 25px; text-align: center; color: #fff; border-bottom: 1px solid transparent; border-radius: 35px; font-weight: 400; cursor: pointer;display: flex;align-items: center;justify-content: center; } .dropdown .dropdown-btn > p { dis.. 프리텐다드 웹폰트 링크로 쓰는법 css import로 쓰는법 @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css'); @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/pretendardvariable.css'); css font-face로 쓰는법 @font-face { font-family: 'Pretendar.. Raleway,Montserrat,Poppins 구글 폰트 링크 텍스트에 배경이미지, 그라데이션 넣기 .title span{ font-family: 'Raleway', sans-serif; font-weight: 800; font-size: 12.0rem; /*그라디언트*/ background: linear-gradient(141deg, #48ded4 0%, #a026bf 51%, #e82c75 75%); /*이미지*/ background: url("../img/rainbow.jpg") repeat; color: transparent; /*필수*/ -webkit-background-clip: text; /*필수*/ letter-spacing: -2px; } 이미지 에러시 대체 이미지 onerror onerror=\"this.src='/resource/img/no_img.png';\" ios input 스타일 초기화 input { -webkit-appearance: none; -webkit-border-radius: 0; } select 화살표 커스텀 select { width: 200px; /* 원하는 너비설정 */ padding: .8em .5em; /* 여백으로 높이 설정 */ font-family: inherit; /* 폰트 상속 */ background: url('../img/arrow.png') no-repeat 98% 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */ border: 1px solid #999; border-radius: 0px; /* iOS 둥근모서리 제거 */ -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none; } fullpage.js 모바일에서 네비 클릭시 section의 맨위로 가게하기 글자위에 점 포인트 주기 { text-emphasis-style: dot; text-emphasis-position: over left; -webkit-text-emphasis-style: dot; -webkit-text-emphasis-position: over; } Nunito font-face @font-face { font-family: 'Nunito'; font-style: normal; font-weight: 400; src: local('Nunito'), url('https://fonts.cdnfonts.com/s/15604/Nunito-Regular.woff') format('woff'); } @font-face { font-family: 'Nunito'; font-style: italic; font-weight: 400; src: local('Nunito'), url('https://fonts.cdnfonts.com/s/15604/Nunito-Italic.woff') format('woff'); } @font-face { font-family: 'Nunito'; font-style:.. 이전 1 2 3 4 다음
