amanda의 공간입니다

env() iOS 브라우저에서 뷰포트 안전 영역에 컨텐츠 배치 위한 4가지 환경변수(아이폰X 이상에서만 동작하며 그 외 디바이스에서는 영향 주지 않음)safe-area-inset-* env(safe-area-inset-left) env(safe-area-inset-right) env(safe-area-inset-top) env(safe-area-inset-bottom) 대체값 사용시 (px, em, rem, vh 모두 가능) env(safe-area-inset-top, 20px); ※ iOS 11.0 버전에서는 아래와 같이 사용 constant(safe-area-inset-left) constant(safe-area-inset-right) constant(safe-area-inset-top) consta..

HTML (radio button) 라디오 1-1 라디오 1-2 라디오 1-3 라디오 1-4 HTML (checkbox) 선택 선택 선택 선택 CSSul{list-style: none;}.radio_wrap, .check_wrap{position: r..

.thumb{overflow: hidden;position: relative;}.thumb img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;min-height: 100%;object-fit: cover;}

@media not all and (min-resolution:.001dpcm){ @supports (-webkit-appearance:none) { // css 내용 들어갈 자리 }} 하지만 safari 버전별로 다를 수 있음 !  *참고https://stackoverflow.com/questions/16348489/is-there-a-way-to-apply-styles-to-safari-only

font-size: clamp(최소사이즈, 기준점, 최대사이즈); clamp 속성은 부모 요소를 기준으로 상대 크기를 사용해 지정하므로px와 같은 절대 단위값은 사용 불가 /* font-size: clamp(최소사이즈, 기준점, 최대사이즈); */p{font-size: clamp(0.625rem, 1.9444vw, 1rem);}

웹에서 사용자가 드래그한 영역의 배경컬러 및 폰트컬러 바꾸는 방법 css 선택자 ::selection 사용하기 ::-moz-selection{ background-color: blue; color: #fff; } ::selection{ background-color: blue; color: #fff; }

좌측으로 흘러가는 텍스트 효과를 javaScript 없이 CSS transform으로 구현하기 이미지 형식 marquee가 좌측으로 무한 플로팅 디바이스 width를 2560px까지 맞춰야하므로 이미지 사이즈는 3000px 정도로 준비 HTML CSS .float_wrap{ overflow-x: hidden; position: relative; height: 120px; background-color: #37BF92; } .float_conbox{ position: absolute; white-space: nowrap; will-change: transform; animation: marquee 30s linear infinite; } .float_conbox img{ max-width: unset; }..

input[type="file"]을 시안에 따라 커스텀 했더니 개발 과정에서 이슈가 발생해 버튼만 커스텀이 가능한지 문의하셨다. 파일 input의 버튼만 커스텀하는 방법 선택자를 input[type=file]::file-selector-button 로 하면 가능