HTML5 CSS3 JS 开发工具精选

优秀设计资源 2015年05月07日

收集了几个常用的html5css3以及js网页常用工具,包括svgslider、hover等常见特效,算是网页设计师和开发者平时常用元素之一。

Simple Responsive Charts – CHARTIST.JS

Chartist.js is the product of a community that was disappointed about the abilities provided by other charting libraries. Of course there are hundreds of other great charting libraries but after using them there were always tweaks you would have wished for that were not included.

Simple Responsive Charts - CHARTIST.JS

Demo Download

FSVS – Full Screen Vertical Slider

Simple Full Screen Vertical Slider using CSS3 transitions followed up by a jQuery fallback. Bound events support mousewheel, click and drag, arrow keys and touch gestures.

FSVS - Full Screen Vertical Slider

Demo Demo

Fullscreen Slideshow by Nikolay Talanov

Amazing fullscreen slideshow with animated effects.

Fullscreen Slideshow by Nikolay Talanov

Demo Demo

Hero Slider via CodyHouse

A full-width, responsive and easy to customize slideshow.

Hero Slider via CodyHouse

Demo Demo

Elevator.js

Elevator.js fixes those awkward “scroll to top” moments the old fashioned way.

Animated scroll to top - Elevator.js

Demo Download

Pure CSS Questionnaire Concept (hover items)

Pure CSS Questionnaire Concept

Demo Download

Fixed Background Effect

A simple template that takes advantage of the background-attachment CSS property to create a fixed background effect.

Fixed Background Effect

Demo Download

Motion Blur Effect with SVG

A tutorial on how to create a motion blur effect on HTML elements using JavaScript and an SVG blur filter.

Motion Blur Effect with SVG

Demo Download

3D Folding Panel

A secondary content panel that folds flat, powered by CSS Transformations and jQuery.

3D Folding Panel

Demo Download

Circular Fly-Out Navigation Menu

This is a circular flyout menu made with Sass and CSS3 transitions, transforms, and animations. Click the icon in the bottom-right corner to witness the magic.

Circular Fly-Out Navigation Menu

Demo Download

Login Box Concept

Login Box Concept

Demo Download

Interactive Drag and Drop Coloring Concept

A little fun experiment where you can color a website mockup by dragging and dropping a color droplet from a palette.

Interactive Drag and Drop Coloring Concept

Demo Download

网友评论
Top