CAIH.org » css3hacks http://caih.org Movies, life and python Mon, 11 Oct 2010 03:53:01 +0000 en hourly 1 http://wordpress.org/?v=3.3.2 CSS3 the easy way http://caih.org/open-source-software/css3-the-easy-way/ http://caih.org/open-source-software/css3-the-easy-way/#comments Thu, 29 Jul 2010 17:18:53 +0000 César Izurieta http://caih.org/?p=219 I just found out about PIE.htc, a javascript behavior file for IE that enables a lot of CSS3 on IE6+. I though of integrating it with my own css3hacks library to do all the work for ie. So today I just commited the library to google code. It is really simple to use. Just add a javascript file to your html:

<script type="text/javascript" src="css3hacks.js"></script>
<script type="text/javascript">CSS3Hacks.init()</script>

Then write normal css3 like:

#my-box {
    border-radius: 5px;
}

This will enable rounded borders on all browsers I could test: IE6, IE7, Firefox 3, 4, Chrome, Chromium, Opera various versions. Right now it supports just border-radius-* and variable definitions but I’m planning on adding support for more css3 rules in the future. You’re welcome to give suggestions, report problems or contribute code

No related posts.

]]> http://caih.org/open-source-software/css3-the-easy-way/feed/ 0