How does rgba work

Asked 5 years, 8 months ago. Active 2 years, 11 months ago. Viewed 4k times. Improve this question. Johannes Add a comment. Active Oldest Votes. Improve this answer. Johannes Johannes Stu Stu 15k 4 4 gold badges 39 39 silver badges 73 73 bronze badges.

Jeff Diederiks Jeff Diederiks 1, 10 10 silver badges 20 20 bronze badges. Scott Marcus Scott Marcus Sign up or log in Sign up using Google. Sign up using Facebook. Sign up using Email and Password. Post as a guest Name. The really great thing about RGBA colour is that it gives us the ability to create far more graphically rich designs without the need to use images. Not only does that make for faster and lighter pages, but sites which are easier and quicker to build and maintain.

Opacity can be changed on :hover or manipulated with JavaScript. Clever use of transparency in border colours can help ease the transition between overlay items and the page behind.

Borders can receive the RGBA treatment, too. It is, however, a useful tool to have for those smaller, less critical touches that can really help to finesse a design. Drew McLellan is a developer and content management consultant from Bristol, England. When not publishing 24 ways, he keeps a personal site about web development, takes photos , tweets a lot and tries to stay upright on his bicycle.

More articles by Drew. The easiest way to publish fast, flexible HTML5 websites your clients will love. Rachel Andrew guides us through a tour of the last fifteen years in CSS layout, as manifested in articles here on 24 ways. From the days when Internet Explorer 6 was de rigueur, right up to the modern age of evergreen browsers, the only thing you can be sure of is that the web never stands still for long.

Rob Weychert reaches for the top notes to sing us a song of typographic scale. The RGB color model is simply a way to describe a color using the amount of red, green, and blue the color has.

Imagine if you wanted to produce a pure blue color. But what if instead of blue you wanted fuchsia? From basic color theory, we know that the absence of any color results in black. In the following example, hexadecimal color notation was used. All major browsers support RGBA color notation. To put it in perspective, the CSS rgba notation has been around since Internet Explorer 9 which was launched in 3 years ago.

Join our mission to provide industry-leading digital marketing services to businesses around the globe - all while building your personal knowledge and growing as an individual.

Loading results An error occurred when getting the results, please click here to try again or modify your search criteria. Sorry, no results have been found, please try other search criteria.