Home/ Questions/Q 320509
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-12T08:45:36+00:00

I believe the below css is considered css3 if not then, it’s not but

  • 0

I believe the below css is considered css3 if not then, it’s not but my question still applies to the code below.

DO you think the code below would hurt a users performance/rendering time or anything if it was used for an example on 50 different images on a page?

add curves and shadows

-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;

and stuff like this

uses RGB colors

 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
 text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
 border-bottom: 1px solid rgba(0,0,0,0.25);
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    With regards to Jonathan Sampson’s comment:

    I would not say it is ever bad to use something that isn’t widely supported, because we’d never progress into new technologies (as a society of developers) if everyone did that. However, its certainly risky and you have to expect that it will take you longer.

    With that said, jasondavis is not complaining about his choice.

    I personally don’t think that’s going to hurt performance on 50 images or so. Be sure that you aren’t using it on n (unbounded) images on a page, though, and make sure you aren’t using any costly Javascript operations that are going to cause those renderings to have to re-render many times in a row (such as certain animation or movement effects). And, of course, be sure to test in all the browsers you’re targeting.

    • 0