Instagram-Style 필터를위한 무료 CSS 코드 생성기

사이트에 이미지 필터를 추가하는 것이 얼마나 좋을까요? 몇 년 전에는 JavaScript가 필요했지만 요즘에는 좋은 HTML과 CSS로 맞춤 이미지 필터를 만들 수 있습니다..

cssFilters webapp를 사용하면 CSS 코드를 작성할 필요가 없습니다.!

이 무료 도구를 사용하면 CSS3 필터를 사용하여 맞춤 이미지 필터를 만들 수 있습니다. CSS 필터 속성을 자세히 설명하는 많은 가이드를 찾을 수 있습니다. 그러나 cssFilters를 사용하면 모든 작동 방식을 걱정할 필요가 없으며 설정을 사용자 정의하고 코드를 복사하기 만하면됩니다..

화면 맨 위에 사용자 정의 Instagram 필터로 가득 찬 긴 막대가 나타납니다. 이러한 필터에는 Hudson, Toaster, Inkwell, Lofi 및 기타 여러 가지 인기있는 옵션이 포함됩니다..

원하는 필터를 클릭하고 필터를 클릭하십시오. “CSS 코드” 탭의 오른쪽 상단 모서리에 있습니다. 거기에서 HTML과 CSS 코드를 모두 얻을 수 있습니다. 웹 사이트에 복사하여 붙여 넣기 만하면됩니다..

그러나 설정 슬라이더를 사용하여 이러한 필터를 사용자 정의 할 수도 있습니다. 아래의 “발전기” 탭을 사용하면 흐림, 회색 음영, 세피아 및 선형 그래디언트 또는 방사형 그래디언트 같은 오버레이 스타일과 함께 채도 및 대비와 같은 설정을 변경할 수 있습니다.

슬라이더를 움직일 때마다 자동으로 코드가 업데이트되므로 아무 것도 저장할 필요가 없습니다..

또한 컴퓨터에서 업로드하거나 Unsplash에서 기본 이미지를 선택하여 기본 이미지를 바꿀 수도 있습니다..

이 webapp는 Indrashish Ghosh가 만들었으며 CSSgram 라이브러리에있는 많은 기본 클래스를 실행합니다..

그러나 사용자 정의 설정은 기본 사전 설정을 훨씬 넘어서며 무료 코드 생성 기능은 코더 및 비 코더 모두에게 유용한 도구입니다. 배경 그라디언트 및 텍스트 그림자와 같은 속성을위한 CSS3 생성기가 이미 많이 있습니다. 이제 우리는 cssFilters를 초연 CSS3 이미지 필터 생성기로 사용합니다..