In this post, I would like to share with you a hand-picked list of 80+ best loading spinners animated with pure CSS/CSS3 for your next project, for inspiration, or for your particular users who have Javascript DISABLED.
In this post, I would like to introduce Top 60 HTML/CSS3 Front-end Frameworks listed below that are most popular on the web as well as having most stars on the github.com.
Bounce.js is a Javascript library created by JoelBesada for creating tasty CSS3 Powered keyframe animations.
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
An amazing CSS3 text animation for creating text filling with water effect.
An awesome text effect that adds animated & hipster-ish dash shadow to your text using only CSS3.
An amazing effect created only with CSS3 that converts a standard Html checkbox into a toggle button with smooth switching effects.
This little script tries to ease that task by allowing a rapid and simple selection of multiple items by clicking, holding and moving over the desired items.
Navicon Transformicons provides a simple way to create Animated Navigation Icons with CSS Transforms.
Here is a fashion and simple image slider built only with CSS3 and HTML5 that allows to slide between images by clicking the radio button navigation.
Building Blocks is a set of buttons built only with CSS3 and Font Awesome icons font.
Creating a checkboxes with checked or unchecked custom label, built only with a little Html & CSS3 code. Check the demo page in the Zip for more information.
Workless is a CSS base framework to get your projects up and running as quickly as possible.
Media Queries is a new feature in CSS3 that allows you to write CSS styles for devices with different orientations and dimensions. Following is a list of CSS3 Media Queries for most common used devices that cover iPhone, iPad, Kindle, Android phone and more .
In this tutorial we’re going to create a flat styled and responsive breadcrumb for your website, using only CSS and html.
In this post we’re going to create some animated arrow icons using only CSS3.
In this tutorial written by MARY LOU we’re going to show you some simple CSS tricks using data attributes and pseudo-elements. The aim is to create an image caption using only an anchor and an image as markup. We’ll be exploring how to create pseudo-elements from some data attribute values and use them in a hover effect or simply show them next to the image. Using (more) semantic markup is of course what you should be doing, especially for data that is important to be shown. Demo: http://tympanus.net/Tutorials/PseudoElementsImageCaptions/ Download: http://tympanus.net/codrops/2013/07/05/using-custom-data-attributes-and-pseudo-elements/