amanda의 공간입니다

@font-face에서 unicode-range로 폰트를 변경하는 방법 영문과 숫자는 Roboto로 나머지 폰트는 Noto Sans KR로 적용 body {font-family:'Roboto' ,'Noto Sans KR', 'sans-serif';} @font-face { font-family: 'Roboto'; font-style: normal; font-weight: 300; src: local('※'), url('../fonts/Roboto-Regular.eot'), url('../fonts/Roboto-Regular.eot#iefix') format('embedded-opentype') url('../fonts/Roboto-Regular.woff') format('woff'), url('../fo..

테이블 코딩한 cell의 폰트 사이즈가 특정 iOS 모바일 디바이스에서 들쭉날쭉 크게 보이는 현상이 있었다 iOS는 viewport가 변경되면 자동으로 font size를 조정하는데 그에 따른 현상이라고 한다 이때 필요한 text-size-adjust text-size-adjust는 비표준 속성이므로 벤더 프리픽스를 사용해야 한다 html, body{ -webkit-text-size-adjust : none; /* 크롬, 사파리, 오페라 신버전 */ -ms-text-size-adjust : none; /* IE */ -moz-text-size-adjust : none; /* 파이어폭스 */ -o-text-size-adjust : none; /* 오페라 구버전 */ } text-size-adjust: no..

/* Shine */ .hover12 figure { position: relative; } .hover12 figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%); -webkit-transform: skewX(-25d..

::-moz-selection{ background-color: #6F2277; color: #fff; } ::selection{ background-color: #6F2277; color: #fff; }

Hover.css https://ianlunn.github.io/Hover/ Hover.css - A collection of CSS3 powered hover effects ianlunn.github.io Animate.css https://animate.style/ Animate.css | A cross-browser library of CSS animations. Animate.css is a library of ready-to-use, cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and attention-guiding hints. animate.style Animis..

https://plusxsharex.fastcampus.co.kr/ Plus eXperience Share eXperience 하나의 경험을 나눔으로써 모두의 경험을 더해 나갑니다. 플러스엑스와 패스트캠퍼스가 함께 만든 크리에이티브 교육 플랫폼 Plus X Share X입니다. plusxsharex.fastcampus.co.kr

select{ background-image: url('../img/sub/bg_selectbox.png') !important; background-position: right 15px center; background-repeat: no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

.ui-widget.ui-widget-content{ width: auto; font-size: 14px; } .ui-datepicker .ui-datepicker-title{ margin: 0 2em; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year{ width: 48%; margin: 1px; background-image: none; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }