質問編集履歴
2
CSS記述変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -21,6 +21,8 @@
|
|
|
21
21
|
width: 300px;
|
|
22
22
|
height: 100px;
|
|
23
23
|
|
|
24
|
+
グラデーション
|
|
25
|
+
わかりやすいように色付け
|
|
24
26
|
background-image: linear-gradient(
|
|
25
27
|
to top,
|
|
26
28
|
rgba(255, 0, 255, 0),
|
1
画像の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
画像を使わずにcssで書いたグリッド線背景の上部だけグラデーションをかけたいです。
|
|
2
2
|
|
|
3
|
-
再現したいもの↓
|
|
4
|
-
|
|
3
|
+
再現したいもの(上の灰色はグラデーションをわかりやすくするもの)↓
|
|
5
4
|
|
|
5
|
+
|
|
6
|
+
|
|
6
7
|
上の画像のようなグリッド線を背景にWebページを作りたいです。
|
|
7
8
|
|
|
8
9
|
グリッド線を書くことには成功したのですが、上部のみ白に向かって透過していくようなグラデーションの再現ができません。
|