Category Archives: CSS

Cool Multi-Colored Blur Effect With Multiple Shadows Using CSS3

With CSS3 and HTML5 getting widespread and most of the browsers supporting their major features, you can code a lot of things right there and then, as opposed to having to have to fire up Photoshop or another image editing … Read More »»»

Posted in CSS | Tagged , , , , , , , , , | Leave a comment

How to Implement a Superscript or Subscript Class with CSS

If you need to add a superscript or subscript text to your paragraph, you can surely use the <sup> and <sub> tags. There is one major problem with it – the line height. Look at the code below: <p> No … Read More »»»

Posted in CSS | Tagged , , , , , | Leave a comment

How to Add a Shadow to Text Using CSS

Sometimes a well done shadow makes a huge difference in user experience. Shadows are cool and give a very nice look to the text on your website. They are extremely easy to implement via CSS3 as well, but don’t get … Read More »»»

Posted in CSS | Tagged , , , , , , , , | Leave a comment

Cool CSS3 Effects: Rotate a Block Element

Never has it been easier to rotate elements in HTML given the CSS3 standard. All it takes a few lines of CSS. As usual, different browsers have different rule names for it Let’s get a div to rotate itself 15°. … Read More »»»

Posted in CSS | Tagged , , , , , , , , , | Leave a comment

Cool CSS3 Effects: Shadowed Boxes

Shadows are always cool! We are all used to message boxes showing on our screen that stand out towards you just because there is a shadow behind them. So how do you create something like that on your webpage using … Read More »»»

Posted in CSS, ȹardrinckles | Tagged , , , , , , | Leave a comment

Cool CSS3 Effects: How to Create Rounded Corners Using CSS

Ever wondered how you can create rounded corner borders on a block element, such as <div>? It is very much possible with CSS3. Of course, you are still facing limitations because of the browser versions. However, most popular browsers’ latest … Read More »»»

Posted in CSS | Tagged , , , , , , , | Leave a comment

Create a Page With a Header, Content and Footer That Span 100% Height in the Browser

Surely you have seen pages that span 100% height of your browser’s canvas area, even though the content may be just a line or two. If you are still wondering how to do this, here’s you complete guide, although without … Read More »»»

Posted in CSS, HTML | Tagged , , , , , , , , | 6 Comments