Web Design Trend

A new trend in webpage design is the use of CSS transparency. The new CSS3 properties allow you to control transparency in the web browser. The background is given the property "transparent property." Another way to create transparency is to manipulate the color syntax. In CSS, you have to specify Alpha Transparency values, and you can change the percentage of opacity.

If you wanted to set the opacity for a div element at 50%, you would write div{opacity:0.5;}

Some important things to keep in mind when using CSS transparency:

• Use transparency to create contrast
• Use transparency in varying levels
• Don't cover essential parts of the image
• Don't use transparency as decoration

Works Cited


Cousins, Carrie. "Using Transparency in Web Design: Dos and Don'ts." Codrops Using Transparency in Web Design Dos and Donts Comments. Codrops, 26 Nov. 2012. Web. 28 Oct. 2013.

"CSS3 Opacity Property." CSS3 Opacity Property. Eschools.com, n.d. Web. 28 Oct. 2013.

Rocheleau, Jake. "Web Design: 20 Hottest Trends To Watch Out For in 2013." Hongkiatcom RSS. Hongkiat.com, n.d. Web. 28 Oct. 2013.