I've been trying to get the webkit shadows working to no avail. Box shadows and text shadows are not working. Border Radius works just fine along with transitions, animations, and all other webkit styles I have used.

Example:

<div class="box">#{-count}</div>

<style>
.box{
float:right; background-color:#999;
color:#FFFFFF; font-weight:bold; font-size:16px;
text-align:center; padding:4px 11px 4px 11px;
-webkit-border-radius: 14px;
-webkit-box-shadow: 10px 10px 0px #ccc;
box-shadow: 10px 10px 0px #ccc;
}
</style>

Not even "text-shadow: 2px 2px 2px #ccc;" or "-webkit-text-shadow: 2px 2px 2px #ccc;" works.

Anyone know what's up with this? Does webOS just not fully support all webkit styles?