質問編集履歴
1
書式の改善
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -5,10 +5,11 @@
|
|
|
5
5
|
なんとか短くまとめたく、質問させていただきます。
|
|
6
6
|
|
|
7
7
|
### コード
|
|
8
|
-
|
|
8
|
+
```html
|
|
9
9
|
<hr><hr><hr><hr><hr><hr><hr><hr><hr>･･･
|
|
10
|
+
```
|
|
10
11
|
|
|
11
|
-
|
|
12
|
+
```css
|
|
12
13
|
hr {
|
|
13
14
|
width: 0;
|
|
14
15
|
transition: 1000ms linear;
|
|
@@ -16,13 +17,14 @@
|
|
|
16
17
|
hr.is-show {
|
|
17
18
|
width: 100%;
|
|
18
19
|
}
|
|
20
|
+
```
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
```JavaScript
|
|
22
23
|
$('hr').get(0).classList.add('is-show');
|
|
23
24
|
$('hr').get(1).classList.add('is-show');
|
|
24
25
|
$('hr').get(2).classList.add('is-show');
|
|
25
26
|
･･･
|
|
27
|
+
```
|
|
26
28
|
|
|
27
29
|
### 質問内容
|
|
28
30
|
JSにてhrにクラスを付与し、アニメーションするコードを書いていますが、
|