본문 바로가기

IT18

CSS 체크박스, 라디오 커스텀 스타일 실무에서 자주 사용하는 체크박스, 라디오 커스텀 스타일입니다. See the Pen 체크박스, 라디오 버튼 커스텀 디자인 by wisesilver (@wisesilver) on CodePen. 2020. 7. 7.
무료 로딩 이미지 다운로드 사이트 무료 로딩 이미지 다운로드 사이트를 소개합니다. Preloaders.net Preloaders.net - Loading GIF, SVG & APNG (AJAX loaders) generator More than 1000 free and premium ajax loader (loading animated GIF, SVG and APNG) spinners, bars and 3D animations generator for AJAX and JQuery icons8.com 이 사이트는 스피너, 로딩 바 등을 포함하는 많은 아이콘을 제공합니다. 이 아이콘 중 하나를 선택한 다음 원하는 대로 사용자 정의할 수 있습니다. 실제로 전경색 및 배경색을 변경하고, 애니메이션 속도, 아이콘의 너비 및 높이를 조정하고, 색상.. 2020. 7. 6.
CSS flex, grid 속성 쉽게 이해하기 flex, grid 속성에 대해 작성된 글입니다. flex 본문 바로가기 grid 본문 바로가기 CSS flex 1. 기본 구성 플렉스 박스(flex box)는 플렉스 컨테이너(flex container)와 플렉스 요소(flex item)로 구성됩니다. 플렉스 요소에 width, height 속성을 추가합니다. Colored by Color Scripter cs /* CSS */ .item { width: 100px; height: 100px; } cs 2. flexbox flex는 단일 레이아웃 방향이므로 flex 항목은 행 또는 열로 정렬됩니다. 기본값은 rows입니다. 컨테이너 요소에 display: flex 속성을 추가합니다. display 1. flex : block 특성의 컨테이너를 정의합니다.. 2020. 7. 3.
포토샵 이미지 배경 제거 이미지 객체를 분리하는 방법과 프로세스에서 가장자리를 부드럽게 유지하는 방법을 알려 드리겠습니다. STEP 1 펜 도구 (P)를 선택 후 시작점을 클릭합니다. STEP 2 클릭할 다른 지점을 클릭 후 마우스를 떼지 않은 상태에서 커서를 움직이면 곡선의 모양을 제어할 수 있습니다. 너무 멀리 드래그하지 마십시오. 드래그하는 핸들은 윤곽선 위에 있어야합니다. 면적이 커질수록 포인트를 더 가까이 배치해야 합니다. 취소하기를 두려워하지 말고 너무 멀리 떨어진 지점에 놓으면 다시 시도하십시오. STEP 3 전체 개체를 다 살펴본 후 첫 번째 점을 클릭하면 윤곽선이 닫힙니다. STEP 4 때로는 개체의 내부 윤곽선도 있습니다. 같은 방법으로 선택하십시오. STEP 5 경로를 선택 항목으로 바꾸려면 Ctrl+Ente.. 2020. 7. 3.