25 June 2011

    5 Appealing CSS Techniques




    CSS3 has been out for a while, but too bad, most of the browsers haven't really supported it yet. So, let's go back to CSS2 this time. Well, at least CSS2 supported by most browsers even the old school IE6 and 7. These 5 interesting CSS techniques are something that you might not seen before.

    Triangle in CSS




    Creating a triangle using pure CSS with border property. It's something pretty cool and read the following for what you can do with this technique:


      Wrapping long line url and text content




      By using white-space properties we can wrap long line with it, but you will need to apply different value for different browsers. Click on the link to read more about it




       

       

      Blurry background effect




      This trick uses two images to simulate the blur background effect.

      Styling up a list




      A good article from smashing magazine sharing about styling up list with special characters and as well as using the clip property to replace tradisional CSS sprite.

      CSS Parallax Effect




      So, you have seen parallax effect with Javascript before right? How about Parallax effect with pure CSS? But there is a catch, it doesn't interact with your mouse, you need to resize your browser to see it. Check out the links:

       

      About

      The world is changing. The web is changing. We're just along for the ride. Dedicated to Knowledge Sharing...!!!

      Knowzine Copyright © 2010 Community is Designed by Bie