>웹 프론트엔드 >JS 튜토리얼 >눈길을 끄는 7가지 jQuery/CSS3 특수 효과 공유 example_jquery

눈길을 끄는 7가지 jQuery/CSS3 특수 효과 공유 example_jquery

WBOY
WBOY원래의
2016-05-16 17:35:271059검색

WEB 프론트엔드 개발자라면 jQuery와 CSS3를 많이 사용해야 하는데, 아래에서는 jQuery와 CSS3로 만든 특수 효과를 공유해 보도록 하겠습니다.

1. jQuery와 CSS3 기반의 디스크 추첨

이 작은 프로그램을 사용하면 웹사이트에 복권 애플리케이션을 쉽게 추가할 수 있습니다. 이 애플리케이션은 jQuery와 CSS3를 기반으로 개발되었습니다. 디스크 복권은 무엇에 당첨되었나요?


온라인 데모 /소스 코드 다운로드

2. 순수 CSS3로 구현한 클릭 투 글로우 버튼 특수 효과

이 버튼은 순수 CSS3를 기반으로 구현되었으며, 사용자가 버튼을 클릭하면 버튼 주변에 희미한 흰색 조명 효과가 방출되는 매우 독특한 버튼입니다.


온라인 데모 /소스 코드 다운로드

3. jQuery 모방 QQ 로그인 폼

이번에는 QQ 로그인 양식을 모방한 것입니다. jQuery를 기반으로 계정 로그인과 WeChat 로그인의 두 가지 방법이 있습니다.


온라인 데모 / 소스코드 다운로드

4. CSS3 눈이 마우스 회전을 따라가는 효과

이 특수 효과는 매우 간단합니다. 마우스만 움직이면 거기에 마우스를 대고 움직이는 두 개의 큰 눈이 보입니다.


온라인 데모 / 소스코드 다운로드

5. jQuery UI 시뮬레이션 아이콘 휴지통

이 자료는 jQuery 및 CSS3를 기반으로 휴지통 기능을 시뮬레이션합니다. 마우스를 사용하여 아이콘을 드래그하여 휴지통 밖으로 파일을 이동합니다.


온라인 데모 / 소스코드 다운로드

6. jQuery 슬라이딩 사진 슬라이드쇼 효과

매우 입체적인 사진 재생 효과입니다. 이전 및 다음 사진을 재생하기 위해 왼쪽 및 오른쪽 화살표를 사용하여 슬라이드쇼로 사진을 재생하며 각 사진에는 반사 효과가 있습니다.


온라인 데모 / 소스코드 다운로드

7. jQuery / CSS3 이미지 계단식 효과

jQuery와 CSS3 기반의 이미지 스태킹 플러그인입니다. 이미지 위에 마우스를 올리면 처음에 접힌 이미지가 부채처럼 펼쳐지면서 매우 부드럽고 자연스럽게 펼쳐집니다.


온라인 데모 / 소스코드 다운로드

당신의 시선을 사로잡는 위 7가지 CSS3 특수 효과는 매우 멋지므로 서둘러 수집하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.