hover.css

css-framework animation ui-component

hover.css는 CSS3를 사용하여 버튼, 로고, 특집 이미지 등에 적용할 수 있는 다양한 마우스 오버 효과를 제공하는 라이브러리입니다. 사용하기 쉬운 클래스 기반의 API를 통해 웹 페이지의 요소에 멋진 인터랙션 효과를 추가할 수 있습니다.

Latest Ver 2.3.1

Homepage

Github

29,340

📢 CSS3로 구동되는 다양한 호버 효과를 제공하는 라이브러리

CDN 다운로드

License: MIT

Asset Type :

전체 버전 보기

https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css

https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover.css

Sample Code

⚠️ import 문을 포함한 일부 코드는 jsFiddle에서 정상 실행되지 않을 수 있습니다. 실행 오류가 발생할 경우 코드 복사 후 직접 실행해보세요.

⚙️ JavaScript
{"HTML": "<button class='hvr-grow'>Hover me!</button>", "CSS": "@import url('https://cdnjs.cloudflare.com/ajax/libs/hover.css/2.3.1/css/hover-min.css');"}

⚡ Top Tools for Developers

텍스트 비교

두 텍스트의 차이점을 한눈에 확인하세요.

Favicon 생성기

파비콘을 쉽고 빠르게 생성하세요.

Lorem Ipsum 생성기

디자인을 위한 더미 텍스트를 생성하세요.

글자수 세기

글자 수와 단어 수를 실시간으로 확인하세요.

SRT ↔ SMI 변환기

자막 형식을 간편하게 변환합니다.

이미지 텍스트 추출

이미지 속 텍스트 자동 추출