回答編集履歴
3
コード修正
test
CHANGED
|
@@ -9,8 +9,6 @@
|
|
|
9
9
|
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
|
-
|
|
13
|
-
<h1>Hello, World! Hello, World!</h1>
|
|
14
12
|
|
|
15
13
|
<p class="storage-p3">
|
|
16
14
|
|
2
コード追記
test
CHANGED
|
@@ -1,7 +1,3 @@
|
|
|
1
|
-
HTMLが提示されてませんが、とりありず推測で。
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
1
|
グラデーションは重ねがけ出来ますが、`-webkit-background-clip: text;`が優先されますので、
|
|
6
2
|
|
|
7
3
|
それをはみ出して表示はできませんね。
|
|
@@ -14,7 +10,17 @@
|
|
|
14
10
|
|
|
15
11
|
```html
|
|
16
12
|
|
|
17
|
-
<h1>Hello, World!</h1>
|
|
13
|
+
<h1>Hello, World! Hello, World!</h1>
|
|
14
|
+
|
|
15
|
+
<p class="storage-p3">
|
|
16
|
+
|
|
17
|
+
<span>屋外地上タンク貯蔵所が</span>
|
|
18
|
+
|
|
19
|
+
<br>
|
|
20
|
+
|
|
21
|
+
<span>カンタンに設置できます！</span>
|
|
22
|
+
|
|
23
|
+
</p>
|
|
18
24
|
|
|
19
25
|
```
|
|
20
26
|
|
|
@@ -22,27 +28,31 @@
|
|
|
22
28
|
|
|
23
29
|
```css
|
|
24
30
|
|
|
25
|
-
|
|
31
|
+
.storage-p3 > span {
|
|
26
32
|
|
|
27
|
-
|
|
33
|
+
font-size:35px;
|
|
28
34
|
|
|
29
|
-
|
|
35
|
+
line-height:35px;
|
|
30
36
|
|
|
31
|
-
|
|
37
|
+
letter-spacing:1px;
|
|
32
38
|
|
|
33
|
-
-webkit-
|
|
39
|
+
background: -webkit-linear-gradient(top, #35C5FF 0%, #3A60F5 100%);
|
|
34
40
|
|
|
41
|
+
-webkit-background-clip: text;
|
|
42
|
+
|
|
43
|
+
-webkit-text-fill-color: transparent;
|
|
44
|
+
|
|
35
|
-
position: relative;
|
|
45
|
+
position: relative;
|
|
36
46
|
|
|
37
47
|
}
|
|
38
48
|
|
|
39
49
|
|
|
40
50
|
|
|
41
|
-
|
|
51
|
+
.storage-p3 > span::before {
|
|
42
52
|
|
|
43
53
|
content: "";
|
|
44
54
|
|
|
45
|
-
display: block;
|
|
55
|
+
display: inline-block;
|
|
46
56
|
|
|
47
57
|
position: absolute;
|
|
48
58
|
|
1
説明の改善
test
CHANGED
|
@@ -1,3 +1,7 @@
|
|
|
1
|
+
HTMLが提示されてませんが、とりありず推測で。
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
|
|
1
5
|
グラデーションは重ねがけ出来ますが、`-webkit-background-clip: text;`が優先されますので、
|
|
2
6
|
|
|
3
7
|
それをはみ出して表示はできませんね。
|