/    Sign up×
Community /Pin to ProfileBookmark

same gradient , different styles . Why ??

well the title says it all , here’s the syntex :

[CODE]background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);[/CODE]

to post a comment
CSS

2 Comments(s)

Copy linkTweet thisAlerts:
@Sup3rkirbyJan 30.2015 — While it's been getting better, a lot of newer CSS properties don't have an official standard that every browser follows. The result is a bunch of browser-specific prefixes for CSS properties (like -webkit, -moz, -o, etc.). In cases like that, each browser handles the property differently and thus you end up with multiple ways to get the same thing.

Generally, the difference is that only one version will work per browser. However, due to browsers slowly updating to a 'standard' version of the CSS property, you'll also find that sometimes there are two ways to get the same CSS effect in a browser. One way is browser specific (using the prefix like -webkit) and the second way is the 'official standard' way, which was likely the newest version added to that browser.
Copy linkTweet thisAlerts:
@gautamz07authorFeb 02.2015 — @Kirby check how in the standard format the syntex is (center, ellipse, ....

and in the -webkit its (center, ellipse, rgba ....

thats the difference i was refering too , anyways , ur answer clears a little of my doubt . thanks .
×

Success!

Help @gautamz07 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.18,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...