Floral Glow is a free blogger template created by me. It is a 2 columns, abstract, floral, glowing, black, and right sidebar template with custom navigation menu. I’ve used a lot of CSS3 features in this template such as border-radius, transform, box shadow, RGBA colour, transition effects, text shadow and more. The menu links, sidebar,
Archives for
CSS3
Add Animated Image Captions on Hover with CSS3 (No Javascript)
We have been using Javascripts to add animated captions on hover for images before this. But, inspired by Wibiya’s toolbar Smart Share for post images, I managed to create almost the same effect using CSS3 without using any Javascripts. This effect can be used by both WordPress and Blogger users. The transition effect of the
CSS3 Theme | Free Blogger Template
CSS3 Theme is a free HTML5 and CSS3 theme which was originally designed by Jesper from jayj.dk. I’ve converted it into Blogger template. Although the original theme uses HTML5 fully, I’ve just used some of HTML5 features { eg: navigation menu[nav], sidebar[aside] } in this Blogger version of it. Here are some features of this
CSS3 Box Shadow effect
Previously, I wrote a tutorial on creating rounded corners with the aid of CSS3. Today’s tutorial is on another great effect that can be achieved using a CSS3 property, box-shadow. This box-shadow property enables you to apply one or more drop-shadow effect to a box. And again, this effect is only supported in Firefox, Safari,
How to create rounded corners with CSS3?
This tutorial is on creating rounded corners effect with the aid of CSS3. This effect is achieved using “border-radius” property and really saves our time which was wasted in creating round-edged border images in Photoshop and then being used in web designs. As I said in my previous post, this effect is only visible in
CSS3 tutorials starting this week
I have no words to describe how am I amazed with CSS3. CSS3 definitely has revolutionized the designing world. With CSS3, we can create brilliant web effects without using images, Javascripts and also Flash for them. For example: rounded corners, box shadows, text shadow, Web fonts, gradients, RGBA, rotate, skew, animations, multi-column layout and a