amanda의 공간입니다

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 로 하면 가능

.list type decimal 출력 결과 : 1. 2. 3. .list_type_nodot 출력 결과 : 1 2 3 .list_type_circle 출력 결과 : ① ② ③ /* list type decimal */ .list_type_decimal{ counter-reset: type-decimal; } .list_type_decimal li{ display: block; } .list_type_decimal li:before{ margin-right: 4px; content: counter(type-decimal) "."; counter-increment: type-decimal; } /* list type decimal remove dot */ .list_type_nodot{ counter-re..