Philter.js - CSS 필터를 사용하는 무료 이미지 변형 라이브러리
인스 타 그램 가장 널리 사용되는 사진 네트워크로 널리 알려져 있습니다. 하루 5200 만 개 이상의 사진을 처리하며 그 중 많은 사진이 처리됩니다. 필터 포함 즉석에서 이미지를 변경합니다..
이것은 CSS 필터를 사용하여 가능합니다. 브라우저에 직접 적용. 이러한 맞춤 필터 속성은 많은 브라우저에서 폭넓게 지원되며 멋지게 보입니다..
와 더불어 Philter JavaScript 플러그인, 이 프로세스를 확장하여 시간을 절약하고 코드를 HTML로 옮길 수 있습니다. 동적 필터 효과.
이 플러그인을 사용하면 이미지를 훨씬 더 강력하게 제어. 이렇게하면 개별 이미지에 적용 할 필터를 선택할 수 있고 특정 필터가 호버링과 같은 사용자 동작에 따라 변경되어야하는지 여부를 선택할 수 있습니다..
CSS 애니메이션 전환을 지원합니다. Philter는이 과정을 정말 간단하게 만듭니다. 홈페이지 또는 GitHub 레포에서 Philter를 다운로드하기 만하면됩니다. 웹 페이지에 추가되면 초기화 코드를 추가하십시오. 가자..
여기에 샘플 스 니펫 GitHub 레포에서
기본적으로 전환 및 추가 데이터 속성 설정 HTML로 추가 할 수 있습니다. 그만큼 url 매개 변수는 Filter가 필터링 프로세스에서 사용되는 사용자 지정 SVG 파일을 찾아야하는 경로를 정의합니다..
이러한 추가 필터는 도서관과 함께 포장, 그래서 당신은 그것들을 전혀 편집 할 필요가 없습니다. 그러나이 파일을 다른 파일 시스템과 다른 디렉토리 구조로 옮길 수도 있으므로이 설정을 사용하십시오 변경해야 할 수도 있음.
이제, 당신은 맞춤 필터 추가 귀하의 HTML에 바로
여기에 간단한 예:
당신은 모든 필터의 전체 목록 GitHub에서 완전한 설치 가이드 및 기타 많은 코드 샘플.
Philter는 가장 멋진 무료 플러그인 중 하나이며 최신 CSS의 한계를 넘깁니다. 너는 심지어 나만의 필터 디자인 당신이 코드베이스를 파헤 치고 주위를 땜장이에 기꺼이한다면.
간단한 장소를 시작하려면 Philter 홈페이지를 방문하여 사본을 다운로드하십시오. 당신은 그것을 시간을두고 가동 할 수 있습니다..
