html - CSS linear gradient from center -


I am thinking that doing something like this with CSS gradients is possible:

In this example the center orange will be grayed in all directions. The black rectangle represents a div.

I could not find this school at 3 schools, although there were many other gradient-related capabilities in it.

Not really what radial grade is that?

  Background: # eded2f; / * Old browser * / background: -moz-radial-gradient (center, oval cover, # eded2f 0%, # 474919 100%); / * FF 3.6 + * / Background: - WebCat-Gradient (radial, center center, 0px, center center, 100%, color-stop (0%, # eded2f), color-stop (100%, # 474919)) ; / * Chrome, Safari 4 + * / Background: -WebKit-radial-gradient (center, oval cover, # eded2f 0%, # 474919 100%); / * Chrome10 +, Safari 5.1 + * / Background: -O-radial-gradient (center, oval cover, # eded2f 0%, # 474919 100%); / * Opera 12+ * / Background: -MS-radial-gradient (center, oval cover, # eded2f 0%, # 474919 100%); / * IE10 + * / Background: radial-gradient (oval on center, # eded2f 0%, # 474919, 100%); / * W3C * / Filters: Proded: DxImage Transforms. Microsoft.Greatant (Startcollstrastrait = '# AdEd 2F', Endocroststrostrate = '# 474919', Gradient Type 1); / * IE 6-9 fallback on horizontal shield * /   

See Bela:

Comments

Post a Comment

Popular posts from this blog

jasper reports - How to center align barcode using jasperreports and barcode4j -

Verilog Error: output or inout port "Q" must be connected to a structural net expression -

c# - ASP.NET MVC - Attaching an entity of type 'MODELNAME' failed because another entity of the same type already has the same primary key value -