Incorporating semi-transparent type


show more Incorporating semi-transparent type provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver show less
please wait ...

Incorporating semi-transparent type

Slowly but surely, the advantages print designers held over the lowly web designer are being eliminated. The ability to control the transparency of type is one such feature. Now, almost all modern browsers support additional color specification as well as the traditional hexadecimal color values. One such spec is RGBA where the A stands for alpha-transparency. Let's take a look. So I have opened here the file semi_ chateau.htm from Chapter 4 > 04_03 folder, and as you can see here, I have white type right in the center here, and this is an h1 heading in my wrapper.

I'll go ahead and turn on Live View here, so that you can see it represented fully. So now, we can go in to where the color is specified, and actually change that to an RGBA value. So instead of #fff, we'll type-in rgba, open parentheses, and then each of the values for each of the color channels separated by commas. So the equivalent to the hexadecimal f is 255.

So it will be 255,255,255, one more comma and now y...

Incorporating semi-transparent type
Video duration: 3m 34s 2h 30m Intermediate

Viewers:

Incorporating semi-transparent type provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...