質問編集履歴

3

リンク先を追加しました。

2019/09/04 00:21

投稿

miyabiborder
miyabiborder

スコア7

test CHANGED
File without changes
test CHANGED
@@ -203,3 +203,7 @@
203
203
  </html>
204
204
 
205
205
  ```
206
+
207
+
208
+
209
+ [リンク内容](http://kachibito.net/css/css-ripple-effect)

2

htmlを追加しました

2019/09/04 00:21

投稿

miyabiborder
miyabiborder

スコア7

test CHANGED
File without changes
test CHANGED
@@ -1,7 +1,3 @@
1
- ### 前提・実現したいこと
2
-
3
-
4
-
5
1
  CSSで波紋を作りたいと思い、ネット上を検索し、CSSをコピペ下のですが、
6
2
 
7
3
  firefoxでしか動きません。
@@ -171,3 +167,39 @@
171
167
 
172
168
 
173
169
  ```
170
+
171
+
172
+
173
+ ```html
174
+
175
+
176
+
177
+ <html>
178
+
179
+
180
+
181
+ <link type="text/css" rel="stylesheet" href="css/h_style.css" />
182
+
183
+
184
+
185
+
186
+
187
+ <body>
188
+
189
+
190
+
191
+ <div>
192
+
193
+ <h1>波紋</h1>
194
+
195
+ <span class="ripple"></span>
196
+
197
+ </div>
198
+
199
+ </body>
200
+
201
+
202
+
203
+ </html>
204
+
205
+ ```

1

書き直しました。

2019/09/03 05:26

投稿

miyabiborder
miyabiborder

スコア7

test CHANGED
File without changes
test CHANGED
@@ -22,47 +22,17 @@
22
22
 
23
23
 
24
24
 
25
- -----html----------
25
+ ```ここに言語を入力
26
26
 
27
+ html,
27
28
 
29
+ body {
28
30
 
29
- <html>
31
+ margin: 0;
30
32
 
33
+ background: #45c2c5;
31
34
 
32
-
33
- <link type="text/css" rel="stylesheet" href="css/h_style.css" />
34
-
35
-
36
-
37
-
38
-
39
- <body>
40
-
41
-
42
-
43
- <div>
35
+ }
44
-
45
- <h1>波紋</h1>
46
-
47
- <span class="ripple"></span>
48
-
49
- </div>
50
-
51
- </body>
52
-
53
-
54
-
55
- </html>
56
-
57
-
58
-
59
-
60
-
61
-
62
-
63
-
64
-
65
- ------CSS----------
66
36
 
67
37
 
68
38
 
@@ -197,3 +167,7 @@
197
167
  }
198
168
 
199
169
  }
170
+
171
+
172
+
173
+ ```