質問編集履歴
1
css のコメントの記号を修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
しましまに関わる部分だけ抜粋しています。
|
|
18
18
|
|
|
19
19
|
```css
|
|
20
|
-
/
|
|
20
|
+
/* プログレスバーのベース（グレーの部分） */
|
|
21
21
|
.progress-thin-base{
|
|
22
22
|
background-color: #f5f5f5;
|
|
23
23
|
width: 100%;
|
|
@@ -25,14 +25,14 @@
|
|
|
25
25
|
border-radius: 3px;
|
|
26
26
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
27
27
|
}
|
|
28
|
-
/
|
|
28
|
+
/* プログレスバー色がついている部分（色の指定は別） */
|
|
29
29
|
.progress-bar{
|
|
30
30
|
height: 100%;
|
|
31
31
|
border-top-left-radius: 3px;
|
|
32
32
|
border-bottom-left-radius: 3px;
|
|
33
33
|
box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
|
|
34
34
|
}
|
|
35
|
-
/
|
|
35
|
+
/* しましましている部分 */
|
|
36
36
|
.progress-border{
|
|
37
37
|
height: 100%;
|
|
38
38
|
border-top-left-radius: 3px;
|
|
@@ -42,14 +42,14 @@
|
|
|
42
42
|
opacity:.1;
|
|
43
43
|
animation: stripes-move 1s infinite linear;
|
|
44
44
|
}
|
|
45
|
-
/
|
|
45
|
+
/* しましまアニメーション */
|
|
46
46
|
@keyframes stripes-move {
|
|
47
47
|
100% {
|
|
48
48
|
background-position: 3em 0px;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
/
|
|
52
|
+
/* ブログレスバーの色 */
|
|
53
53
|
.bg-info{
|
|
54
54
|
background-color:#1CAF9A;
|
|
55
55
|
}
|