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
Archives for
CSS3
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
HTML5 and CSS3 cheat sheets collection
HTML5 and CSS3 have started conquering the web. They both combine to produce great functions and effects and really make our eyes wide opened. For example, have a look at this Windows 7 start menu designed using only CSS3! Nowadays, there are a lot of tutorials and resources on HTML 5 and CSS3 including the
Cool CSS3 button maker
CSS3 button maker is a simple and great online tool created by Chris Coyier from CSS Tricks. This tool allows you to generate a image-less button fully making use of CSS3. I am sure that some of you may don’t know what CSS3 is really about. CSS3 is a collection of modules that extend the