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 효과 리소스의 수집 및 구성의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!