video 태그 아이폰에서 전체화면 없이 재생하기 png 이미지에 그림자(drop-shadow)넣기 img{filter: drop-shadow(0px 0px 10px #c3c3c3);} 카운트업 쓰기 30,000 input time 아이콘 커스텀 input[type="time"]::-webkit-calendar-picker-indicator, input[type="time"]::-webkit-inner-spin-button { display: none; appearance: none; } input[type='time'] { position: relative; width: 100%; background: url('../img/time.png') no-repeat right 10px center; width: 24px; height: auto; background-color: #fff; } fancy 쓰는법 유튜브 동영상 자동재생 (음소거x) src 주소 안 뒤에 붙여넣기 &loop=1&rel=0&showinfo=1&controls&mute=0&autoplay=1 스크롤(scroll)시 head/상단에 class 추가 100vh 스크롤했을때 클래스 추가 G마켓 산스 웹폰트 https://codepen.io/her2237/pen/VweoZzL 지마켓 전체...codepen.io @font-face { font-family: "GmarketSansLight"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff"); font-weight: normal; font-style: normal;}@font-face { font-family: "GmarketSansMedium"; src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1... 부트스트랩 아이콘 (Bootstrap Icons) https://icons.getbootstrap.com/ Bootstrap Icons Official open source SVG icon library for Bootstrap icons.getbootstrap.com REMIX ICON 무료 웹 아이콘 상업적 사용 가능 https://remixicon.com/ Remix Icon - Open source icon library remixicon.com 카카오톡 아이콘 O Flaticon 플랫아이콘 웹아이콘 https://www.flaticon.com/icon-fonts-most-downloaded Free Icons and Stickers - Millions of images to download Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats www.flaticon.com Using Web Fonts with CSS 사용법 fancybox 사용법 text 페이드인,아웃 효과 (fade-in, fade-out) 안녕하세요. (function() { var quotes = $(".quotes"); var quoteIndex = -1; function showNextQuote() { ++quoteIndex; quotes.eq(quoteIndex % quotes.length) .fadeIn(1000) .delay(1000) .fadeOut(1000, showNextQuote); } showNextQuote(); })(); swiper 슬라이드 호버시 멈춤 $(".swiper-container").each(function(elem, target){ var swp = target.swiper; $(this).hover(function() { swp.autoplay.stop(); }, function() { swp.autoplay.start(); }); }); $('.swiper-slide').hover(function(){ swiper.autoplay.stop(); }, function(){ swiper.autoplay.start(); }); css 글자 흐르는 효과 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa .. 이전 1 2 3 4 다음