순수 CSS3 효과 리소스의 수집 및 구성

JavaScript를 사용하지 않고 순수 CSS + HTML로 어떤 종류의 시각적 효과를 얻을 수 있습니까? 다음 기사에서는 순수 CSS3 효과 리소스의 수집 및 배열을 공유합니다.

• Resources

• 단일 p

• Pure CSS3 순환 슬라이드쇼를 기반으로 한 CSS 드로잉 자동으로 반복할 수 있는 슬라이드쇼를 작성하는 순수 CSS.

• HTML과 CSS를 사용하여 나만의 "Dabai(●—●)" 만들기

• CSS3를 사용하여 징글캣 그리기

• Libraries

• loaders.css 순수 CSS 구현 애니메이션 프레임워크를 로드하는 중입니다.

• balloon.css 순수 CSS로 구현된 팝업 레이어 효과.

• Yahoo에서 제작한 pure Pure CSS 프레임워크, 작은 크기.

• icono 단 하나의 태그로 구현된 순수 CSS 아이콘 라이브러리입니다.

• iHover는 CSS3를 기반으로 완전히 구현된 인상적인 이미지 호버 효과 컬렉션입니다.

• devices.css 모바일 장치를 시뮬레이션하는 순수 CSS

• CSS 모달 모달 상자를 구현하는 순수 CSS

• Tools

• image2css PHP GD를 사용하여 이미지를 CSS 상자 그림자 라이브러리로 변환 재산. 예를 들어 순수 CSS를 사용하는 Mona Lisa를 참조하세요.

• img2css 기능은 위와 비슷하지만 이 라이브러리는 캔버스를 사용합니다.

• Demos

• 30개의 CSS 퍼즐 조각, 30종의 멸종 위기 동물

• 비행기(순수 CSS)

• CSS 얼굴

• A Single p : Lynn의 CSS 드로잉 프로젝트 Fisher

• 순수한 CSS Tic-tac-toe 게임

• 순수한 CSS 지뢰찾기 게임

• 스타워즈의 다스 베이더

관련 추천:

구문의 선택자는 무엇입니까

CSS3

CSS3의 애니메이션 속성을 활용하는 방법

위 내용은 순수 CSS3 효과 리소스의 수집 및 구성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!