Tuesday, 15 January 2013

CSS3 White to Transparent Gradient -


I'm using CSS3 and RGBA to create a white transparent shield:
  div {background-image: -Moz-linear-shield (left, RGBA (255, 255, 255, 1), RGBA (0, 0, 0, 0)); Background image: -MMS-linear-shield (left, RGBA (255, 255, 255, 1), RGBA (0, 0, 0, 0)); Background image: -WebKit-gradient (linear, 0, 100% 0, from (Rgba (255, 255, 255, 1)), (RGBA (0, 0, 0, 0)); Background image: -webkit-linear-shield (left, RGBA (255, 255, 255, 1), RGBA (0, 0, 0, 0)); Background image: -O-linear shield (left, RGBA (255, 255, 255, 1), RGBA (0, 0, 0, 0)); Background image: Linear-gradient (left, RGBA (255, 255, 255, 1), RGBA (0, 0, 0, 0)); Double-repeat: repeat-x; Filter: Presumed: DxImage Transforms. Microsoft.Gradient (StartColzerStat = 'RGBA (255, 255, 255, 1)', Endocrotstrostor 'RGBA (0, 0, 0)', Gradient Type = 1); Padding: 2rem 0; }   

Adult here:

However as you will see, the gradient is dark in the middle. I'm getting this:

receive

and I 'It is hoping:

expect

How do I Can I improve

your last step in #FFFFFF00 ( RGBA (255) Change, instead of # 00000000 :

, 255, 255, 0)

No comments:

Post a Comment