mozilla

Compare Revisions

opacity

Change Revisions

Revision 494317:

Revision 494317 by kscarfone on

Revision 646869:

Revision 646869 by Dbs on

Title:
opacity
opacity
Slug:
Web/CSS/opacity
Web/CSS/opacity
Tags:
"CSS", "css3-color", "CSS3", "NeedsLiveSample", "CSS Property", "Graphics", "Web", "Layout", "Reference"
"CSS", "Reference", "Référence", "Graphics", "Web", "css3-color", "CSS3", "NeedsLiveSample", "Layout", "CSS Property"
Content:

Revision 494317
Revision 646869
tt90    <h3 id="Basic_example" name="Basic_example">
91      Basic example
92    </h3>
93    <pre class="brush: css" name="Live_Example">
94div { background-color: yellow; }
95.light {
96  opacity: 0.2; /* Barely see the text over the background */
97}
98.medium {
99  opacity: 0.5; /* See the text more clearly over the background 
 >*/
100}
101.heavy {
102  opacity: 0.9; /* See the text very clearly over the background 
 >*/
103}
104</pre>
90    <pre class="brush: css">105    <pre class="brush: html">
91hbox.example {106&lt;div&gt;
92  opacity: 0.5; /* see the background through the hbox */107  &lt;span class="light"&gt;You can barely see this.&lt;span&gt;&
 >lt;br&gt;
93}108  &lt;span class="medium"&gt;This is easier to see.&lt;/span&gt;&
 >lt;br&gt;
109  &lt;span class="heavy"&gt;This is very easy to see.&lt;/span&gt
 >;
110&lt;/div&gt;
111 
112</pre>
113    <pre class="syntaxbox language-html" data-prism-prevent-line-
 >number="1">
114{{EmbedLiveSample('Basic_example', '640', '64')}}

Back to History