Content is king we knew that very well. Bloggers who love to create new contents must be concern about their presentation styles. Whatever content we have, if we can present them in an interactive & more responsive ways then it brings much more meaning.
1. How To Create a Pure CSS Polaroid Photo Gallery
Learn how to build a cool looking stack of Polaroid photos with pure CSS styling. Basic CSS is used to style up the photos into a Polaroid style images, then some additional styling with shadows and rotation are injected, then z-index property is used to alter the stacking order of all the objects.
2. Bubble Effect with CSS
You might be familiar with the plugin jQuery Dock which allows developers to create a menu like Apple Dock. Now, you will create a similar menu with bubble effect by using CSS only. Although it doesn’t have as smooth of an effect as jQuery Dock, it’s helpful for those that just want to make a cool menu by using pure CSS. This tutorial includes two methods: CSS sprites (basic) and the image swapping (advanced).
3. Pure CSS3 Shadows
Pure CSS3 Shadows is clear and modern way to use shadows in your website
- Pure CSS3 (no images used)
- Clean & modern look
- Clean & commented code
- Separated files
- Easy to edit
4.Text Rotation With CSS
Many of the popular browsers of today support the ability to rotate HTML elements. We can make it work in Internet Explorer (back to version 5.5 even). This tutorial explains this technique step by step.
5.Animated Tooltips Megapack
All animations are pure CSS3 , that means it may not work properly in older browsers. some effect lists – Pulse, Flip 3D, FlipInX 3D, FlipInY 3D, FadeIn, FadeInUp, FadeInDown, FadeInLeft, FadeInRight, FadeInUpBig, FadeInDownBig, FadeInLeftBig, FadeInRightBig.
6.Create a JQuery Content Slider Using Pure CSS
7. Pure CSS Timeline
Learn how to build a CSS timeline while using some clean and simple markup. The result is a simple and clean looking timeline with some very straight forward markup. The result is a simple and clean looking timeline out of CSS and HTML.
8.Pure CSS Vignette
A vignette effect is a discoloration on the edges of an image. This effect usually appears in photography and it can be either accidental or intentional. It can also be either light or dark, depending on the situation.
9.Pure CSS Animated Progress Bar
Here’s a simple demonstration of how you can create animated progress bar using pure css.
11.Accordion using only CSS
An accordion effect can be achieved using CSS3’s :target pseudo-class-webkit-transition property this accordion can also be animated.
12.Snazzy Hover Effects Using CSS
This tutorial will go over creating flexible advanced hover techniques using CSS2.1 properties. We’ll be using these key CSS property, pseudo-classes, and pseudo-element.
Was this information useful? What other tips would you like to read about in the future? Share your comments, feedback and experiences with us by commenting below!