Tag Archives: Gecko

Cross-browser support for different rendering engines

Filed under Web Developement

Web developers are often faced with the problems associated with developing a cross-browser website or application, those developers planning to use new HTML5 and CSS3 mark-up will also have to ensure that they cater for different rending/layout engines like Webkit (Safari, Chrome) or Gecko (Firefox).

Here are a few CCS examples:


-moz-linear-gradient (left, red, silver); 

webkit-gradient (linear, left center, right center, from(red), to(silver));


-moz-box-shadow: 5px 5px #818181;

-webkit-box-shadow: 5px 5px #818181;

/*Border corners*/

-moz-border-radius: 9px 3px 9px 3px;

-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 9px;
-webkit-border-bottom-right-radius: 9px;