CSS 필터 실험실
내장 샘플에 CSS 필터를 조합하고 원본과 비교한 뒤 filter 선언을 복사하세요. 이미지 업로드나 네트워크 요청이 없습니다.
CSS는 샘플에만 적용됩니다. 업로드나 이미지 파일 내보내기는 없습니다.
사용 방법
사용 방법
- 슬라이더 9개를 조정하거나 프리셋을 선택하세요.
- 원본과 필터 샘플을 비교하고 순서를 뒤집어 보세요.
- CSS 선언을 요소 스타일에 복사하세요.
조합 순서
필터는 왼쪽에서 오른쪽으로 적용됩니다. 순서를 뒤집으면 결과가 달라질 수 있습니다. 생성된 CSS를 그대로 샘플 요소에 적용합니다.
로컬 CSS 미리 보기
편집된 이미지 파일 대신 요소용 CSS를 생성합니다. 외부 자산 없는 인라인 벡터 샘플을 사용합니다. 브라우저 렌더링과 흐림 가장자리가 다를 수 있으므로 대상 레이아웃에서 확인하세요.
자주 묻는 질문
더 알아보기
이미지를 내보낼 수 있나요?
편집된 이미지 파일 대신 요소용 CSS를 생성합니다. 외부 자산 없는 인라인 벡터 샘플을 사용합니다. 브라우저 렌더링과 흐림 가장자리가 다를 수 있으므로 대상 레이아웃에서 확인하세요.
필터 순서가 중요한가요?
필터는 왼쪽에서 오른쪽으로 적용됩니다. 순서를 뒤집으면 결과가 달라질 수 있습니다. 생성된 CSS를 그대로 샘플 요소에 적용합니다.