I usually use CSS3 properties in my style sheets. Older browsers requires special prefixes

Question

0

Asked: May 26, 20262026-05-26T05:14:40+00:00 2026-05-26T05:14:40+00:00

I usually use CSS3 properties in my style sheets. Older browsers requires special prefixes

0

I usually use CSS3 properties in my style sheets. Older browsers requires special prefixes to get the same results as the new ones. Is there any way to leave unnecessary prefixes but get the same result as with them?

Solid CSS3 property:

border-radius: 1px;

For compatibility:

-webkit-border-radius: 1px;
-moz-border-radius: 1px;

I have to use all of them:

border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;

It’s hard to maintain 3 unique properties that do the same. I want to work without the compatibility stuff. My plan is the following: I work with the simple CSS3 properties and after I’d finish I add the prefixed properties via a automatized program or web application.

Do somebody know a working solution? I would appreciate a simple web app.

// border radius, text shadow, box shadow. / Multiple backgrounds, RGBA and other stuff works without annoying prefixes (thanks for god).