Here is a demo of hanging style buttons Please upgrade your browser Tested in latest versions of Firefox, Chrome and Opera. Code Html is minimal : CSS : The transition property applies to padding over a period of 0.5 seconds with the function of ease-out. Since the transition has been applied in the base style, it will have effect both when the padding increases and decreases. So when the mouse is moved out of the [...]

CSS3 has lots of new properties which can be used to make much more complex ui elements on webpages. Here is the rotating button Demo : Please upgrade your browser Tested in latest versions of Firefox , Google Chrome , Opera. The above shown rotation effect is achieved using the transition and transform properties of CSS3. Code The html code is minimal : CSS : First comes the transition definition. The transition property is used [...]

In this post, I am going to write HTML and CSS Validators in Ruby and PHP. W3C HTML and CSS Validators basically check the validity of the URL supplied to it. It is always a good idea to write completely valid HTML and CSS for several reasons. The W3C HTML Validator checks the markup validity of Web Documents in HTML, XHTML, etc. while the W3C CSS Validator does the same for Web Documents in CSS. These validators [...]

CSS3 empowers us with amazing selectors. So, using CSS3′s powerful selectors, I built a CSS based tabbed navigation or boxes (whatever you call it) Here is the DEMO Here’s the code – Cheers!