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.
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);
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).
Hue is a degree on the color wheel (from 0 to 360):
0 (or 360) is red
120 is green
240 is blue
Saturation is a percentage value: 100% is the full color.
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).
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 »
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]