blob: d8ec17c46b7c7f8b8394fc8ff3f83494fae5469e (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
|
# PostCSS Opacity [](https://travis-ci.org/iamvdo/postcss-opacity)
[PostCSS](https://github.com/postcss/postcss) plugin that adds support for legacy browser opacity alternatives.
## Example
```js
postcss([
require('postcss-opacity')
])
```
```css
/* Input example */
.foo {
opacity: .5;
}
```
```css
/* Output example */
.foo {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
opacity: .5;
}
```
## Legacy
Support for IE 5-7, Safari 1.X, Netscape
```js
postcss([
require('postcss-opacity')({
legacy: true
})
])
```
```css
/* Input example */
.foo {
opacity: .5;
}
```
```css
/* Output example */
.foo {
/* IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
/* IE 5-7 */
filter: alpha(opacity=50);
/* Netscape */
-moz-opacity: .5;
/* Safari 1.x */
-khtml-opacity: .5;
/* Modern browsers */
opacity: .5;
}
```
See [PostCSS](https://github.com/postcss/postcss) docs for examples for your environment.
|
