CSS3 features

Use the better of each browser !

This template works perfectly with Chrome, Firefox, IE7+. But I've use some functionnality of CSS3, almost not supported by IE :

  • All textfields and the "read more" button use the property "border-radius" for obtain a rounded corner. OK for all browsers except IE
  • For Firefox Chrome and Safari, you can use the class ".shadow" for yours images. You will obtain a nice shadow effect with a white border (see example below). If you make a link on an image with this class, you obtain an hover effect too.
  • The feed, print, mail, pdf have a rotate effect on hover. OK only for Firefox, Chrome, Safari, Opera

 

I decided to use these functionnality for obtain a clean and light template. With that, there're less code and fewer images to load, with the better of each browser !!