質問するログイン新規登録

回答編集履歴

5

追記

2018/10/03 13:19

投稿

ryoo_chksl
ryoo_chksl

スコア69

answer CHANGED
@@ -22,7 +22,7 @@
22
22
 
23
23
  .text {
24
24
  color: rgba(0, 0, 0, 0);
25
- background-image: url(https://appstars.jp/assets/img/archives/641/gradient_step_1.png?1461877424);
25
+ background-image: url(****);
26
26
  -webkit-background-clip: text;
27
27
  }
28
28
  ```

4

追記

2018/10/03 13:18

投稿

ryoo_chksl
ryoo_chksl

スコア69

answer CHANGED
@@ -11,7 +11,7 @@
11
11
  width: 400px;
12
12
  margin: 0 auto;
13
13
  padding: 20px;
14
- background-image: url("feature1.png");
14
+ background-image: url("****.png"); //自分の好きな背景画像を設定
15
15
  background-size: contain;
16
16
  }
17
17
 

3

追記

2018/10/03 13:15

投稿

ryoo_chksl
ryoo_chksl

スコア69

answer CHANGED
@@ -1,4 +1,4 @@
1
- ```-webkit-``````-ms-```に変えるのはどうでしょう。
1
+ -webkit-を-ms-に変えるのはどうでしょう。
2
2
 
3
3
  ---
4
4
  ~追記~
@@ -26,4 +26,5 @@
26
26
  -webkit-background-clip: text;
27
27
  }
28
28
  ```
29
+
29
30
  ```background-image```には、グラデーションの画像を設定します。

2

追記

2018/10/03 13:14

投稿

ryoo_chksl
ryoo_chksl

スコア69

answer CHANGED
@@ -1,1 +1,29 @@
1
- ```-webkit-```を```-ms-```に変えるのはどうでしょう。
1
+ ```-webkit-```を```-ms-```に変えるのはどうでしょう。
2
+
3
+ ---
4
+ ~追記~
5
+
6
+ CSSを次のように書き換えるのはどうでしょう。
7
+
8
+ ```CSS
9
+ .image {
10
+ height: 200px;
11
+ width: 400px;
12
+ margin: 0 auto;
13
+ padding: 20px;
14
+ background-image: url("feature1.png");
15
+ background-size: contain;
16
+ }
17
+
18
+ .textArea {
19
+ height: 160px;
20
+ overflow: hidden;
21
+ }
22
+
23
+ .text {
24
+ color: rgba(0, 0, 0, 0);
25
+ background-image: url(https://appstars.jp/assets/img/archives/641/gradient_step_1.png?1461877424);
26
+ -webkit-background-clip: text;
27
+ }
28
+ ```
29
+ ```background-image```には、グラデーションの画像を設定します。

1

誤字の修正

2018/10/03 13:13

投稿

ryoo_chksl
ryoo_chksl

スコア69

answer CHANGED
@@ -1,1 +1,1 @@
1
- ```-webkit-```を```-ms-```変えるのはどうでしょう。
1
+ ```-webkit-```を```-ms-```変えるのはどうでしょう。