This is a small example of CSS3 animation, hope you guys enjoying it. So what we have to do, first we have to prepare our DOM elements, take a look on blow example:
CSS3 becomes more and more popular now these days, It’s great combination with HTML5 helps to create incredible designs. But when we talking about the cross browser compatibility then the IE8 and below versions of IE is really a big challenge for designers. Well my this article is about to create effective and impressive 3D button with CSS3.
You don’t need to use any photo-shop or image editor software to create a 3D button for latest browsers. Because CSS3 has the ability to create the web graphics or web stuff like 3D buttons, animations, gradients effect etc. With the use of :active selector you can also animate the 3D button.
AS you see in the below HTML section, that i have used li markup, which contain the tabs, Tab 1 and Tab 2. And below div with i also set two div which contain the separate tab data. Now you have to play with the CSS that gives the look of tabs to this HTML section. And you will get the CSS, just below the HTML Section.
- Chrome 1.0
- Firefox(Gecko) 4.0(2)
- Internet Explorer 10
- Opera 10.5
- Safari (WebKit) 3.2
When we design a website that time we are not sure about the page height means how much long or short our page. In most of the cases we are trying to fill the page with more and more content so that the footer of the page appear always on the bottom of the page. But in some case we don’t have enough content to represent to the visitors and in that case the footer looks weird that attached with the content.