質問編集履歴
3
コードの書き換え
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -64,8 +64,6 @@
|
|
|
64
64
|
|
|
65
65
|
|
|
66
66
|
|
|
67
|
-
|
|
68
|
-
|
|
69
67
|
/*css*/
|
|
70
68
|
|
|
71
69
|
#main {
|
|
@@ -84,7 +82,7 @@
|
|
|
84
82
|
|
|
85
83
|
#main img.main_bg{
|
|
86
84
|
|
|
87
|
-
animation: fade
|
|
85
|
+
animation: fadein 8s;
|
|
88
86
|
|
|
89
87
|
width: 100%;
|
|
90
88
|
|
|
@@ -94,33 +92,19 @@
|
|
|
94
92
|
|
|
95
93
|
}
|
|
96
94
|
|
|
97
|
-
@keyframes fade
|
|
95
|
+
@keyframes fadein {
|
|
98
96
|
|
|
99
|
-
0
|
|
97
|
+
0% { opacity: 0; }
|
|
100
98
|
|
|
101
|
-
opacity: 0;
|
|
99
|
+
50%{ opacity: 0; }
|
|
102
100
|
|
|
103
|
-
}
|
|
104
|
-
|
|
105
|
-
100% {
|
|
106
|
-
|
|
107
|
-
|
|
101
|
+
100% { opacity: 1; }
|
|
108
|
-
|
|
109
|
-
}
|
|
110
102
|
|
|
111
103
|
}
|
|
112
104
|
|
|
113
105
|
|
|
114
106
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
107
|
#main .catch {
|
|
122
|
-
|
|
123
|
-
animation: fadeIn 25s infinite;
|
|
124
108
|
|
|
125
109
|
display: block;
|
|
126
110
|
|
|
@@ -144,17 +128,17 @@
|
|
|
144
128
|
|
|
145
129
|
}
|
|
146
130
|
|
|
147
|
-
#main .catch
|
|
131
|
+
#main .catch .logo02 {
|
|
148
132
|
|
|
149
|
-
|
|
133
|
+
animation: fadein 5s;
|
|
150
134
|
|
|
135
|
+
}
|
|
151
136
|
|
|
137
|
+
@keyframes fadein {
|
|
152
138
|
|
|
153
|
-
|
|
139
|
+
0%{ opacity: 0; }
|
|
154
140
|
|
|
155
|
-
0%{ opacity: 0;}
|
|
156
|
-
|
|
157
|
-
100%{ opacity: 1;}
|
|
141
|
+
100%{ opacity: 1; }
|
|
158
142
|
|
|
159
143
|
}
|
|
160
144
|
|
|
@@ -162,37 +146,27 @@
|
|
|
162
146
|
|
|
163
147
|
|
|
164
148
|
|
|
165
|
-
|
|
166
|
-
|
|
167
149
|
#main .catchcopy {
|
|
168
150
|
|
|
169
|
-
animation: fade
|
|
151
|
+
animation: fadein 8s;
|
|
170
152
|
|
|
171
|
-
|
|
153
|
+
position: absolute;
|
|
172
154
|
|
|
173
|
-
|
|
155
|
+
width: 400px;
|
|
174
156
|
|
|
175
|
-
|
|
157
|
+
margin-left: -200px;
|
|
176
158
|
|
|
177
|
-
|
|
159
|
+
left: 50%;
|
|
178
160
|
|
|
179
|
-
|
|
161
|
+
top: 460px;
|
|
180
162
|
|
|
181
163
|
}
|
|
182
164
|
|
|
183
|
-
@keyframes fade
|
|
165
|
+
@keyframes fadein {
|
|
184
166
|
|
|
185
|
-
0% {
|
|
167
|
+
0% { opacity: 0; }
|
|
186
168
|
|
|
187
|
-
opacity: 0;
|
|
188
|
-
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
100% {
|
|
192
|
-
|
|
193
|
-
|
|
169
|
+
100% { opacity: 1; }
|
|
194
|
-
|
|
195
|
-
}
|
|
196
170
|
|
|
197
171
|
}
|
|
198
172
|
|
2
誤字修正
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -32,14 +32,6 @@
|
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
-
・ロゴ部分がスムーズに表示されない。
|
|
36
|
-
|
|
37
|
-
最初の方が不透明度が低く、だんだんと意図するスピードの切り替わりになる。
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
35
|
### 該当のソースコード
|
|
44
36
|
|
|
45
37
|
|
1
誤字修正
test
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
CSS animationの実装について（ループ処理をなくしたい）
|
test
CHANGED
|
@@ -26,13 +26,17 @@
|
|
|
26
26
|
|
|
27
27
|
|
|
28
28
|
|
|
29
|
-
ロゴ変化部分が繰り返しアニメーション表示されてしまう。
|
|
29
|
+
・ロゴ変化部分が繰り返しアニメーション表示されてしまう。
|
|
30
30
|
|
|
31
31
|
logo01.png → logo02.png に変化後はずっとlogo02.pngのまま停止させたい
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
|
|
35
|
+
・ロゴ部分がスムーズに表示されない。
|
|
36
|
+
|
|
35
|
-
|
|
37
|
+
最初の方が不透明度が低く、だんだんと意図するスピードの切り替わりになる。
|
|
38
|
+
|
|
39
|
+
|
|
36
40
|
|
|
37
41
|
|
|
38
42
|
|
|
@@ -124,7 +128,7 @@
|
|
|
124
128
|
|
|
125
129
|
#main .catch {
|
|
126
130
|
|
|
127
|
-
animation:
|
|
131
|
+
animation: fadeIn 25s infinite;
|
|
128
132
|
|
|
129
133
|
display: block;
|
|
130
134
|
|
|
@@ -154,7 +158,7 @@
|
|
|
154
158
|
|
|
155
159
|
|
|
156
160
|
|
|
157
|
-
@keyframes
|
|
161
|
+
@keyframes fadeIn {
|
|
158
162
|
|
|
159
163
|
0%{ opacity: 0;}
|
|
160
164
|
|