amanda의 공간입니다

/* 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; }

.ellipsis{ display: inline-block; overflow: hidden; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; } .ellipsis2{ display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .ellipsis3{ display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orien..

css animation 속성 순서 a{animation: name duration timing-function delay iteration-count direction fill-mode play-state;} 애니메이션 속성 명 설명 속성 값 animation-name 애니메이션 이름 지정 특수문자를 제외한 문자열, 숫자, -,_ 를 조합해 1글자 이상 animation-duration 애니메이션 재생 시간, 또는 반복 루프 1회를 도는 시간 예) 0, 3s, 1.5s, 300ms 기본 값 0은 애니메이션 재생되지 않음. "s"(초), "ms"(밀리초) 단위로 표현 가능. animation-timing-function 애니메이션 진행 속도, 또는 가속 방식을 지정. 미리 설정된 속도 커브 중 한가지를 ..