The Soda Pop
HomeBlogAbout Me

Backgrounds 6 0



Here you will learn the quick and simple way to change your backgrounds. Pick up my DVD with 46 Elements Videos for only $15.00 at: http://www.jackstechcorne. Fox.graphics Professional premium graphics in PSD, vector and raster formats. A lot of abstract graphics for designers, you might check the beautiful turquoise background.-30% coupon code: fox30.

  1. 6 To The Power Of 0

CSS supports 140+ color names, HEX values, RGB values, RGBA values, HSL values, HSLA values, and opacity. Raskin 1 8 4.

RGBA Colors

RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.

An RGBA color value is specified with: rgba(red, green, blue, alpha). The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

rgba(255, 0, 0, 0.4);
Backgrounds 1600x900
rgba(255, 0, 0, 0.8);

The following example defines different RGBA colors:

Example

#p1 {background-color: rgba(255, 0, 0, 0.3);} /* red with opacity */
#p2 {background-color: rgba(0, 255, 0, 0.3);} /* green with opacity */
#p3 {background-color: rgba(0, 0, 255, 0.3);} /* blue with opacity */
Try it Yourself »

HSL Colors

HSL stands for Hue, Saturation and Lightness.

An HSL color value is specified with: hsl(hue, saturation, lightness).

  1. Hue is a degree on the color wheel (from 0 to 360):
    • 0 (or 360) is red
    • 120 is green
    • 240 is blue
  2. Saturation is a percentage value: 100% is the full color.
  3. Lightness is also a percentage; 0% is dark (black) and 100% is white.
hsl(0, 100%, 30%);
hsl(0, 100%, 70%);

The following example defines different HSL colors:

Example

#p1 {background-color: hsl(120, 100%, 50%);} /* green */
#p2 {background-color: hsl(120, 100%, 75%);} /* light green */
#p3 {background-color: hsl(120, 100%, 25%);} /* dark green */
#p4 {background-color: hsl(120, 60%, 70%);} /* pastel green */
Try it Yourself »

HSLA Colors

HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.

An HSLA color value is specified with: hsla(hue, saturation, lightness, alpha), where the alpha parameter defines the opacity. The alpha parameter is a number between 0.0 (fully transparent) and 1.0 (fully opaque).

hsla(0, 100%, 50%, 0.3);
hsla(0, 100%, 90%, 0.3);

The following example defines different HSLA colors:

Example

#p1 {background-color: hsla(120, 100%, 50%, 0.3);} /* green with opacity */
#p2 {background-color: hsla(120, 100%, 75%, 0.3);} /* light green with opacity */
#p3 {background-color: hsla(120, 100%, 25%, 0.3);} /* dark green with opacity */
#p4 {background-color: hsla(120, 60%, 70%, 0.3);} /* pastel green with opacity */
Try it Yourself »

Opacity

The CSS opacity property sets the opacity for the whole element (both background color and text will be opaque/transparent).

Skrill 1 tap. The opacity https://posamidown1981.mystrikingly.com/blog/free-and-easy-video-editing-software. property value must be a number between 0.0 (fully transparent) and 1.0 (fully opaque).

rgb(255, 0, 0);opacity:0.4;
rgb(255, 0, 0);opacity:0.8;

Notice that the text above will also be transparent/opaque!

The following example shows different elements with opacity:

Example

#p1 {background-color:rgb(255,0,0);opacity:0.6;} /* red with opacity */
#p2 {background-color:rgb(0,255,0);opacity:0.6;} /* green with opacity */
#p3 {background-color:rgb(0,0,255);opacity:0.6;} /* blue with opacity */
Try it Yourself »Backgrounds 6 0

Test Yourself with Exercises!


Safari is the inseparable companion of lots of Mac users who usually boast about the excellent performance of this web browser developed by Apple.
Nowadays, and according to Apple analisis, Safari is told to be the fastest web browser in the world. It load pages three times faster than Firefox and five times faster than Opera. The same happens with Javascript, where Safari process it 4times faster than Firefox and five times faster than Opera.
Safari offers tab browsing, pop-up blocker, bookmarks, SnapBack,. a lot of features and options to make browsing as easy as 1,2,3.
Autofill, RSS or adjustable text boxes are other features we will find when using this excellent web browser. Safari for Mac is a good way to surf the web.
Requirements

6 To The Power Of 0

This version is for Mac OS X 10.6.1 or higher with Snow Leopard.Mac OS Leopard users,please download [url=https://appldnld.apple.com.edgesuite.net/content.info.apple.com/Safari4/061-7333.20091111.tgLpr/Safari4.0.4Leopard.dmg]Safari for Leopard[/url]Mac OS Tiger users, please download [url=https://appldnld.apple.com.edgesuite.net/content.info.apple.com/Safari4/061-7330.20091111.TRGFr/Safari4.0.4Tiger.dmg]Safari for Tiger[/url]





Backgrounds 6 0
Back to posts
This post has no comments - be the first one!

UNDER MAINTENANCE