분류 전체보기 (69) [jQuery] 버튼 클릭 시 화면 중앙에 레이어 팝업 띄우기 버튼 클릭 시 레이어 팝업을 화면 중앙에 띄우는 방법입니다. 팝업 열기 팝업 내용 팝업 닫기 1. 태그 안에 제이쿼리를 불러옵니다. 2. CSS #mask { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); zoom: 1; opacity: 0.5; z-index: 9998; display: none; } .btn_open { padding: 5px 10px; background: #000; border: 0; color: #fff; cursor: .. [CSS] px-em 변환 사이트 http://pxtoem.com/ PXtoEM.com: PX to EM conversion made simple. What is an EM? Wikipedia puts it well: "An em is a unit of measurement in the field of typography, equal to the size of the current font." If your font-size is at 16 pixels, then 1em = 16px For more information visit Wikipedia and Mozilla MDN. What is the pxtoem.com [CSS] 그라데이션 배경 만들어주는 사이트 http://www.colorzilla.com/gradient-editor/ Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor www.colorzilla.com [디자인] 안드로이드 앱 런처 아이콘 사이즈 DPI 아이콘 크기 (px) ldpi 36 x 36 mdpi 48 x 48 hdpi 72 x 72 xhdpi 96 x 96 xxhdpi 144 x 144 xxxhdpi 192 x 192 플레이스토어 등록 시 512 x 512 [디자인] 안드로이드 화면 사이즈 DPI 비율 화면 크기 (px) ldpi 0.75x 200 x 320 mdpi 1.0x(기본) 320 x 480 hdpi 1.5x 480 x 800 xhdpi 2.0x 720 x 1280 xxhdpi 3.0x 960 x 1600 xxxhdpi 4.0x 1440 x 2560 [포토샵] 브러시, 패턴 무료 다운로드 사이트 http://myphotoshopbrushes.com Photoshop Brushes for Free Download Photoshop brushes, psd, patterns, vectors and gradients - all for free download. myphotoshopbrushes.com 꽤 많은 리소스들의 상업적 사용을 허용하고 있는 사이트입니다. LICENSE: FREE FOR COMMERCIAL USE 위와 같이 '상업용 무료' 라고 표기된 리소스를 다운로드하여 사용하기를 권장합니다. 간혹 리소스를 사용한 페이지에 저작자의 링크를 포함할 것을 요구하기도 하니, 각 다운로드 페이지마다 표기된 라이선스를 잘 확인하세요. LICENSE: FREE FOR PERSONAL USE ONLY 위와.. [HTML/CSS] 마우스오버 효과 1. 마우스오버 시 다른 이미지로 교체하기 2. 마우스오버 시 버튼 누르는 효과 주기 .img:hover { position: relative; top: 2px; left: 2px; } img라는 이름의 클래스를 가진 요소에 마우스를 올리면 버튼처럼 눌리는 효과가 나타난다. top: 2px , left: 2px 은 각각 위, 왼쪽에서 2px만큼 이동하는 것이므로, 버튼이 눌리는 움직임을 크게 혹은 작게 하려면 2px의 값을 변경하면 된다. [jQuery] 드롭다운 메뉴(2depth) 간단한 드롭다운 메뉴입니다. Months January February March Weeks Monday Tuesday Wednesday 1. 태그 안에 제이쿼리를 불러옵니다. 2. CSS ul, li { list-style: none; } 3. HTML Months January February March Weeks Monday Tuesday Wednesday 4. Script 이전 1 ··· 5 6 7 8 9 다음
