Collection and collation of pure CSS3 effect resources

Source: Internet
Author: User
Pure CSS + HTML, do not use JavaScript, how to achieve the visual effect? The following article will share with you the pure CSS3 effect resources collection and collation.

  • Resources

      • CSS drawing based on a single p

      • A Pure CSS3 Cycling Slideshow Pure CSS writes slideshow that can be automatically looped back.

      • Use HTML and CSS to create your own "white (-)"

      • Use CSS3 to draw a jingle cat

  • Libraries

      • Loaders.css a purely CSS-implemented loading animation frame.

      • BALLOON.CSS Pure CSS Implementation of the pop-up layer effect.

      • Pure Yahoo! 's purely CSS frame, small size.

      • Icono only one tag implementation of the Pure CSS icon Library.

      • Ihover an impressive collection of picture hover effects, completely based on the CSS3 implementation.

      • DEVICES.CSS Pure CSS Analog mobile device

      • CSS modals pure CSS implementation modal frame

  • Tools

      • IMAGE2CSS uses the PHP GD library to convert images into CSS box-shadow properties. See the Mona Lisa with pure CSS for an example.

      • The IMG2CSS function is similar to the one above, but the library uses canvas.

  • Demos

      • 30 css puzzle pieces, 30 endangered species

      • Airplane (Pure CSS)

      • CSS Faces

      • A single p:a CSS drawing project by Lynn Fisher

      • Pure CSS tic-tac-toe Games

      • Pure CSS Minesweeper Game

      • Star Wars inside the Darth Vader

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.