回答編集履歴
1
念のためコードを転記
test
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
1
|
> グラデーションは透明度の指定にも対応しています。これは例えば、複数の背景を重ねた時に背景画像に対するフェード効果を生成するために使う事ができます。
|
|
2
2
|
|
|
3
3
|
[CSS グラデーションの利用 - ウェブデベロッパーガイド | MDN](https://developer.mozilla.org/ja/docs/Web/Guide/CSS/Using_CSS_gradients#Transparency_and_gradients)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
|
|
7
|
+
念のためコードを転記
|
|
8
|
+
|
|
9
|
+
```CSS
|
|
10
|
+
|
|
11
|
+
/* プレフィックスありの非推奨の古い構文。Webkitベースの古いブラウザ用にまだ必要です */
|
|
12
|
+
|
|
13
|
+
background: -prefix-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)), url(http://foo.com/image.jpg);
|
|
14
|
+
|
|
15
|
+
/* プレフィックスなしの新しい構文。標準準拠のブラウザで必要（Opera 12.1、IE 10、Fx 16 以降） */
|
|
16
|
+
|
|
17
|
+
background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1)), url(http://foo.com/image.jpg);
|
|
18
|
+
|
|
19
|
+
```
|