質問編集履歴
2
divタグを追加
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
### 該当のソースコード
|
|
10
10
|
|
|
11
11
|
```html
|
|
12
|
+
<div class="first-view">
|
|
12
13
|
<div class="back back-left">
|
|
13
14
|
<div class= "header-logo">
|
|
14
15
|
<h1>タイトル</h1>
|
|
@@ -38,6 +39,7 @@
|
|
|
38
39
|
|
|
39
40
|
<div class="back back-right">
|
|
40
41
|
</div>
|
|
42
|
+
</div>
|
|
41
43
|
```
|
|
42
44
|
|
|
43
45
|
```scss
|
1
scssにアニメーションを追加しました
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -163,6 +163,40 @@
|
|
|
163
163
|
background-color: white;
|
|
164
164
|
}
|
|
165
165
|
}
|
|
166
|
+
|
|
167
|
+
@keyframes album {
|
|
168
|
+
0% {
|
|
169
|
+
opacity: 0;
|
|
170
|
+
}
|
|
171
|
+
|
|
172
|
+
6.25% {
|
|
173
|
+
opacity: 1;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
18.75% {
|
|
177
|
+
opacity: 1;
|
|
178
|
+
}
|
|
179
|
+
25% {
|
|
180
|
+
opacity: 0;
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
|
|
184
|
+
@-webkit-keyframes album {
|
|
185
|
+
0% {
|
|
186
|
+
opacity: 0;
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
6.25% {
|
|
190
|
+
opacity: 1;
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
18.75% {
|
|
194
|
+
opacity: 1;
|
|
195
|
+
}
|
|
196
|
+
25% {
|
|
197
|
+
opacity: 0;
|
|
198
|
+
}
|
|
199
|
+
}
|
|
166
200
|
```
|
|
167
201
|
|
|
168
202
|
|