Using clean CSS3 code make animation for displaying the loading progress. You can increase the diameter of loading spheres as required.

See how to make animated progress bar using CSS. Though the CSS code is lengthy it is still simple to understand. Check demo to see it in action.

It’s easy to add transparency to borders by specifying color in rgba values. Also add the default border for browsers that don’t support transparency.

Now you can make ribbons with pure CSS and little markup. No more use of hefty images. It involves the use of :before and :after pseudo elements.

You can make a nice stacked paper effect in CSS by making use of box-shadow property. It looks like a stack of papers, but it’s actually pixel shadows.

When the text exceeds the specified width it just gets cut abruptly, but instead you can end the text with ellipsis. Enter a single line of text without break.

You can set text selection background and color using css selection styles. Use the below stylesheet coding and see it in action.