>  기사  >  웹 프론트엔드  >  순수 CSS3 효과 리소스의 수집 및 구성

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

小云云
小云云원래의
2017-12-08 14:46:362017검색

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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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