Web Design resource sharing: A foreign CSS and JavaScript tutorial

Source: Internet
Author: User
Tags add implement resource

Article Introduction: the latest JavaScript and CSS application tips.

With the development of front-end technology, JavaScript and CSS show great dominance in Web and Web applications, especially with the maturity of HTML5 and CSS3 standards, we can use JavaScript and CSS to develop special effects and animations that you never thought of. In today's article, the Web page teaching network will introduce a group of related CSS and JavaScript powerful tutorials and plug-ins, I hope you like!

CSS Animation and transition effects

With the advent of CSS3 standards, CSS transition effects and animation effects are often applied to the interactive user experience, designers can create an amazing effect and experience through CSS, where we will pick the best special effects, I hope you can benefit from it.

Use jquery and CSS3 to create a full-screen slideshow effect

Sharing a super cool thumbnail suspension approximation effect using jquery and CSS

Describes a thumbnail approximation effect that is implemented using jquery. The main idea is that when the mouse is near the thumbnail, the current thumbnail zooms in and the adjacent thumbnails become larger, and when you move the mouse, it affects the size of the thumbnail in the direction of movement.

Interactive CSS3 Light Effect

Using 3D variants, CSS gradients and mask to implement the lighting effects, use Box-shadow and transform to implement the shading.

CSS3 12 Face Body

An awesome experiment with 12 faces, using CSS variants and JS script generation

CSS 3D Ray engine

A JavaScript class library implemented using the WebKit object can add simple lighting effects to DOM elements, and you can add other engines

[1] [2] [3] [4] [5] [6] [7] [8] [9] Next page



Related Article

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.