GITHUB . COM {}

Detected CMS Systems:

Wordpress (2 occurrences)

Analyzed Page
Matching Content Categories
CMS
Monthly Traffic Estimate
How Does Github.com Make Money
How Much Does Github.com Make
Wordpress Themes And Plugins
Keywords
Topics
Payment Methods
Questions
Schema
External Links
Analytics And Tracking
Libraries
Hosting Providers

We are analyzing https://github.com/w3c/csswg-drafts/issues/2274.

Title:
[css-values] Inconsistent position serialization · Issue #2274 · w3c/csswg-drafts
Description:
The position spec mentions The canonical order when serializing is the horizontal component followed by the vertical component. but does not discuss if the serialization should contain the author&#...
Website Age:
17 years and 8 months (reg. 2007-10-09).

Matching Content Categories {📚}

Telecommunications
Dating & Relationships
Animals & Wildlife

Content Management System {📝}

What CMS is github.com built with?

Github.com is built with WORDPRESS.

Traffic Estimate {📈}

What is the average monthly size of github.com audience?

🚀🌠 Tremendous Traffic: 10M - 20M visitors per month

Based on our best estimate, this website will receive around 10,000,019 visitors per month in the current month.
However, some sources were not loaded, we suggest to reload the page to get complete results.

check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush

How Does Github.com Make Money? {💸}

Subscription Packages {💳}

We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.

How Much Does Github.com Make? {💰}

Subscription Packages {💳}

Prices on github.com are in US Dollars ($). They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 4,989,889 paying customers.
The estimated monthly recurring revenue (MRR) is $20,957,532.
The estimated annual recurring revenues (ARR) are $251,490,385.

Wordpress Themes and Plugins {🎨}

What WordPress theme does this site use?

It is strange but we were not able to detect any theme on the page.

What WordPress plugins does this website use?

It is strange but we were not able to detect any plugins on the page.

Keywords {🔍}

center, top, left, position, bottom, bgposition, edge, safari, backgroundposition, chrome, firefox, objectposition, backgroundimage, radialgradientat, red, blue, perspectiveorigin, shapeoutside, circleat, ewilligers, serialization, undefined, values, cssvalues, resolved, fantasai, commented, sign, inconsistent, issue, added, current, work, cssmeetingbot, edited, edits, projects, spec, removed, serialize, calc, results, computed, navigation, pull, requests, actions, security, closed, serializing,

Topics {✒️}

org/mozilla-central/rev/403038737ba75af3842ba6b43b6e2fb47eb06609/servo/components/style/values/computed/position org/mozilla-central/rev/403038737ba75af3842ba6b43b6e2fb47eb06609/servo/components/style/values/ [css3-images] parsing tests fantasai edits member [css-shapes] computed values left center perspective-origin center 50px perspective-origin center top perspective-origin 40px top perspective-origin special-case serialization center bottom perspective-origin left bottom perspective-origin 30px center perspective-origin center center object-position left center object-position center 50px object-position center top object-position 40px top object-position center bottom object-position center center background-position left bottom object-position left center background-position center 50px background-position 30px center object-position center top background-position 40px top background-position center bottom background-position left bottom background-position 30px center background-position 10% center perspective-origin center perspective-origin full irc log comment metadata assignees csswg resolution bottom perspective-origin 20% 30px perspective-origin safari 11 background-image added discussed serialization 10% center object-position bottom object-position 10% center background-position 20% 30px object-position serialize center center removed type projects projects milestone center center shape left center shape

Payment Methods {📊}

Braintree

Questions {❓}

Already have an account?
[css-shapes] Why does this spec need to special-case serialization of ?

Schema {🗺️}

DiscussionForumPosting:
      context:https://schema.org
      headline:[css-values] Inconsistent position serialization
      articleBody:The `position` [spec](https://drafts.csswg.org/css-values/#position) mentions > The canonical order when serializing is the horizontal component followed by the vertical component. but does not discuss if the serialization should contain the author's supplied keywords or if they should be converted to equivalent percentages. The spec also doesn't mention if 'center' should be added or removed when serializing. (Edge and Safari sometimes serialize `center center` as `center`.) Browsers are currently inconsistent with themselves and each other: | 10% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 10% center | 10% | 10% center | 10% center | | background-position: `<bg-position>` | 10% center | 10% | 10% center | 10% center | | object-position: `<position>` | 10% center | 10% 50% | 10% center | 10% center | | perspective-origin: `<position>` | 10% center | 10% 50% | 10% center | 10% center | | shape-outside: circle(at `<position>`) | 10% 50% | 10% | 10% | 10% 50% | | 20% 30px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | background-position: `<bg-position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | object-position: `<position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | perspective-origin: `<position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | shape-outside: circle(at `<position>`) | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | 30px center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 30px center | 30px | 30px center | 30px center | | background-position: `<bg-position>` | 30px center | 30px | 30px center | 30px center | | object-position: `<position>` | 30px center | 30px 50% | 30px center | 30px center | | perspective-origin: `<position>` | 30px center | 30px center | 30px center | 30px center | | shape-outside: circle(at `<position>`) | 30px 50% | 30px center | 30px center | 30px 50% | | 40px top | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 40px top | 40px top | 40px top | 40px top | | background-position: `<bg-position>` | 40px top | 40px top | 40px top | 40px top | | object-position: `<position>` | 40px top | 40px 0% | 40px top | 40px top | | perspective-origin: `<position>` | 40px top | 40px top | 40px top | 40px top | | shape-outside: circle(at `<position>`) | 40px 0% | 40px top | 40px top | 40px 0% | | bottom 10% right 20% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | | background-position: `<bg-position>` | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | | object-position: `<position>` | right 20% bottom 10% | calc(80%) calc(90%) | right 20% bottom 10% | right 20% bottom 10% | | perspective-origin: `<position>` | right 20% bottom 10% | undefined | right 20% bottom 10% | right 20% bottom 10% | | shape-outside: circle(at `<position>`) | 80% 90% | bottom 10% right 20% | bottom 10% right 20% | 80% 90% | | bottom right | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right bottom | right bottom | right bottom | right bottom | | background-position: `<bg-position>` | right bottom | right bottom | right bottom | right bottom | | object-position: `<position>` | right bottom | 100% 100% | right bottom | right bottom | | perspective-origin: `<position>` | right bottom | right bottom | right bottom | right bottom | | shape-outside: circle(at `<position>`) | 100% 100% | bottom right | bottom right | 100% 100% | | center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center center | center | center center | center center | | background-position: `<bg-position>` | center center | center | center center | center center | | object-position: `<position>` | center center | 50% 50% | center center | center | | perspective-origin: `<position>` | center center | center 50% | center center | center center | | shape-outside: circle(at `<position>`) | 50% 50% | center | center | 50% 50% | | center 50px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center 50px | center 50px | center 50px | center 50px | | background-position: `<bg-position>` | center 50px | center 50px | center 50px | center 50px | | object-position: `<position>` | center 50px | 50% 50px | center 50px | center 50px | | perspective-origin: `<position>` | center 50px | center 50px | center 50px | center 50px | | shape-outside: circle(at `<position>`) | 50% 50px | center 50px | center 50px | 50% 50px | | center bottom | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center bottom | bottom | center bottom | center bottom | | background-position: `<bg-position>` | center bottom | bottom | center bottom | center bottom | | object-position: `<position>` | center bottom | 50% 100% | center bottom | center bottom | | perspective-origin: `<position>` | center bottom | center bottom | center bottom | center bottom | | shape-outside: circle(at `<position>`) | 50% 100% | center bottom | center bottom | 50% 100% | | center center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center center | center | center center | center center | | background-position: `<bg-position>` | center center | center | center center | center center | | object-position: `<position>` | center center | 50% 50% | center center | center | | perspective-origin: `<position>` | center center | center center | center center | center center | | shape-outside: circle(at `<position>`) | 50% 50% | center center | center center | 50% 50% | | center left | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left center | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | center left | center left | 0% 50% | | left | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left 50% | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | left | left | 0% 50% | | left bottom | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left bottom | left bottom | left bottom | left bottom | | background-position: `<bg-position>` | left bottom | left bottom | left bottom | left bottom | | object-position: `<position>` | left bottom | 0% 100% | left bottom | left bottom | | perspective-origin: `<position>` | left bottom | left bottom | left bottom | left bottom | | shape-outside: circle(at `<position>`) | 0% 100% | left bottom | left bottom | 0% 100% | | left center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left center | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | left center | left center | 0% 50% | | right 30% top 60px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 30% top 60px | right 30% top 60px | right 30% top 60px | right 30% top 60px | | background-position: `<bg-position>` | right 30% top 60px | right 30% top 60px | right 30% top 60px | right 30% top 60px | | object-position: `<position>` | right 30% top 60px | calc(70%) 60px | right 30% top 60px | right 30% top 60px | | perspective-origin: `<position>` | right 30% top 60px | undefined | right 30% top 60px | right 30% top 60px | | shape-outside: circle(at `<position>`) | 70% 60px | right 30% top 60px | right 30% top 60px | 70% 60px | | right 40% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 40% | right 40% | right 40% | right 40% | | background-position: `<bg-position>` | right 40% | right 40% | right 40% | right 40% | | object-position: `<position>` | right 40% | 100% 40% | right 40% | right 40% | | perspective-origin: `<position>` | right 40% | right 40% | right 40% | right 40% | | shape-outside: circle(at `<position>`) | 100% 40% | right 40% | right 40% | 100% 40% | | top | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center top | top | center top | center top | | background-position: `<bg-position>` | center top | top | center top | center top | | object-position: `<position>` | center top | 50% 0% | center top | center top | | perspective-origin: `<position>` | center top | 50% top | center top | center top | | shape-outside: circle(at `<position>`) | 50% 0% | top | top | 50% 0% | | top center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center top | top | center top | center top | | background-position: `<bg-position>` | center top | top | center top | center top | | object-position: `<position>` | center top | 50% 0% | center top | center top | | perspective-origin: `<position>` | center top | center top | center top | center top | | shape-outside: circle(at `<position>`) | 50% 0% | top center | top center | 50% 0% |
      author:
         url:https://github.com/ewilligers
         type:Person
         name:ewilligers
      datePublished:2018-02-05T02:59:37.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:12
      url:https://github.com/2274/csswg-drafts/issues/2274
      context:https://schema.org
      headline:[css-values] Inconsistent position serialization
      articleBody:The `position` [spec](https://drafts.csswg.org/css-values/#position) mentions > The canonical order when serializing is the horizontal component followed by the vertical component. but does not discuss if the serialization should contain the author's supplied keywords or if they should be converted to equivalent percentages. The spec also doesn't mention if 'center' should be added or removed when serializing. (Edge and Safari sometimes serialize `center center` as `center`.) Browsers are currently inconsistent with themselves and each other: | 10% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 10% center | 10% | 10% center | 10% center | | background-position: `<bg-position>` | 10% center | 10% | 10% center | 10% center | | object-position: `<position>` | 10% center | 10% 50% | 10% center | 10% center | | perspective-origin: `<position>` | 10% center | 10% 50% | 10% center | 10% center | | shape-outside: circle(at `<position>`) | 10% 50% | 10% | 10% | 10% 50% | | 20% 30px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | background-position: `<bg-position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | object-position: `<position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | perspective-origin: `<position>` | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | shape-outside: circle(at `<position>`) | 20% 30px | 20% 30px | 20% 30px | 20% 30px | | 30px center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 30px center | 30px | 30px center | 30px center | | background-position: `<bg-position>` | 30px center | 30px | 30px center | 30px center | | object-position: `<position>` | 30px center | 30px 50% | 30px center | 30px center | | perspective-origin: `<position>` | 30px center | 30px center | 30px center | 30px center | | shape-outside: circle(at `<position>`) | 30px 50% | 30px center | 30px center | 30px 50% | | 40px top | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | 40px top | 40px top | 40px top | 40px top | | background-position: `<bg-position>` | 40px top | 40px top | 40px top | 40px top | | object-position: `<position>` | 40px top | 40px 0% | 40px top | 40px top | | perspective-origin: `<position>` | 40px top | 40px top | 40px top | 40px top | | shape-outside: circle(at `<position>`) | 40px 0% | 40px top | 40px top | 40px 0% | | bottom 10% right 20% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | | background-position: `<bg-position>` | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | right 20% bottom 10% | | object-position: `<position>` | right 20% bottom 10% | calc(80%) calc(90%) | right 20% bottom 10% | right 20% bottom 10% | | perspective-origin: `<position>` | right 20% bottom 10% | undefined | right 20% bottom 10% | right 20% bottom 10% | | shape-outside: circle(at `<position>`) | 80% 90% | bottom 10% right 20% | bottom 10% right 20% | 80% 90% | | bottom right | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right bottom | right bottom | right bottom | right bottom | | background-position: `<bg-position>` | right bottom | right bottom | right bottom | right bottom | | object-position: `<position>` | right bottom | 100% 100% | right bottom | right bottom | | perspective-origin: `<position>` | right bottom | right bottom | right bottom | right bottom | | shape-outside: circle(at `<position>`) | 100% 100% | bottom right | bottom right | 100% 100% | | center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center center | center | center center | center center | | background-position: `<bg-position>` | center center | center | center center | center center | | object-position: `<position>` | center center | 50% 50% | center center | center | | perspective-origin: `<position>` | center center | center 50% | center center | center center | | shape-outside: circle(at `<position>`) | 50% 50% | center | center | 50% 50% | | center 50px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center 50px | center 50px | center 50px | center 50px | | background-position: `<bg-position>` | center 50px | center 50px | center 50px | center 50px | | object-position: `<position>` | center 50px | 50% 50px | center 50px | center 50px | | perspective-origin: `<position>` | center 50px | center 50px | center 50px | center 50px | | shape-outside: circle(at `<position>`) | 50% 50px | center 50px | center 50px | 50% 50px | | center bottom | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center bottom | bottom | center bottom | center bottom | | background-position: `<bg-position>` | center bottom | bottom | center bottom | center bottom | | object-position: `<position>` | center bottom | 50% 100% | center bottom | center bottom | | perspective-origin: `<position>` | center bottom | center bottom | center bottom | center bottom | | shape-outside: circle(at `<position>`) | 50% 100% | center bottom | center bottom | 50% 100% | | center center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center center | center | center center | center center | | background-position: `<bg-position>` | center center | center | center center | center center | | object-position: `<position>` | center center | 50% 50% | center center | center | | perspective-origin: `<position>` | center center | center center | center center | center center | | shape-outside: circle(at `<position>`) | 50% 50% | center center | center center | 50% 50% | | center left | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left center | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | center left | center left | 0% 50% | | left | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left 50% | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | left | left | 0% 50% | | left bottom | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left bottom | left bottom | left bottom | left bottom | | background-position: `<bg-position>` | left bottom | left bottom | left bottom | left bottom | | object-position: `<position>` | left bottom | 0% 100% | left bottom | left bottom | | perspective-origin: `<position>` | left bottom | left bottom | left bottom | left bottom | | shape-outside: circle(at `<position>`) | 0% 100% | left bottom | left bottom | 0% 100% | | left center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | left center | left | left center | left center | | background-position: `<bg-position>` | left center | left | left center | left center | | object-position: `<position>` | left center | 0% 50% | left center | left center | | perspective-origin: `<position>` | left center | left center | left center | left center | | shape-outside: circle(at `<position>`) | 0% 50% | left center | left center | 0% 50% | | right 30% top 60px | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 30% top 60px | right 30% top 60px | right 30% top 60px | right 30% top 60px | | background-position: `<bg-position>` | right 30% top 60px | right 30% top 60px | right 30% top 60px | right 30% top 60px | | object-position: `<position>` | right 30% top 60px | calc(70%) 60px | right 30% top 60px | right 30% top 60px | | perspective-origin: `<position>` | right 30% top 60px | undefined | right 30% top 60px | right 30% top 60px | | shape-outside: circle(at `<position>`) | 70% 60px | right 30% top 60px | right 30% top 60px | 70% 60px | | right 40% | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | right 40% | right 40% | right 40% | right 40% | | background-position: `<bg-position>` | right 40% | right 40% | right 40% | right 40% | | object-position: `<position>` | right 40% | 100% 40% | right 40% | right 40% | | perspective-origin: `<position>` | right 40% | right 40% | right 40% | right 40% | | shape-outside: circle(at `<position>`) | 100% 40% | right 40% | right 40% | 100% 40% | | top | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center top | top | center top | center top | | background-position: `<bg-position>` | center top | top | center top | center top | | object-position: `<position>` | center top | 50% 0% | center top | center top | | perspective-origin: `<position>` | center top | 50% top | center top | center top | | shape-outside: circle(at `<position>`) | 50% 0% | top | top | 50% 0% | | top center | Chrome 64 | Edge 16 | Firefox 58 | Safari 11 | | --- | --- | --- | --- | --- | | background-image: radial-gradient(at `<position>`, red, blue) | center top | top | center top | center top | | background-position: `<bg-position>` | center top | top | center top | center top | | object-position: `<position>` | center top | 50% 0% | center top | center top | | perspective-origin: `<position>` | center top | center top | center top | center top | | shape-outside: circle(at `<position>`) | 50% 0% | top center | top center | 50% 0% |
      author:
         url:https://github.com/ewilligers
         type:Person
         name:ewilligers
      datePublished:2018-02-05T02:59:37.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:12
      url:https://github.com/2274/csswg-drafts/issues/2274
Person:
      url:https://github.com/ewilligers
      name:ewilligers
      url:https://github.com/ewilligers
      name:ewilligers
InteractionCounter:
      interactionType:https://schema.org/CommentAction
      userInteractionCount:12
      interactionType:https://schema.org/CommentAction
      userInteractionCount:12

External Links {🔗}(8)

Analytics and Tracking {📊}

Site Verification - Google

Libraries {📚}

Clipboard.js
D3.js
Lodash

Emails and Hosting {✉️}

Mail Servers:

aspmx.l.google.com
alt1.aspmx.l.google.com
alt2.aspmx.l.google.com
alt3.aspmx.l.google.com
alt4.aspmx.l.google.com

Name Servers:

dns1.p08.nsone.net
dns2.p08.nsone.net
dns3.p08.nsone.net
dns4.p08.nsone.net
ns-1283.awsdns-32.org
ns-1707.awsdns-21.co.uk
ns-421.awsdns-52.com
ns-520.awsdns-01.net

9.31s.