質問編集履歴
2
CSS追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -138,6 +138,36 @@
|
|
|
138
138
|
|
|
139
139
|
}
|
|
140
140
|
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
.fadeIn {
|
|
144
|
+
|
|
145
|
+
animation-name: fadeIn;
|
|
146
|
+
|
|
147
|
+
animation-fill-mode: both;
|
|
148
|
+
|
|
149
|
+
animation-duration: 1s;
|
|
150
|
+
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
|
|
154
|
+
|
|
155
|
+
@keyframes fadeIn {
|
|
156
|
+
|
|
141
|
-
|
|
157
|
+
0% {
|
|
158
|
+
|
|
159
|
+
opacity: 0;
|
|
160
|
+
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
100% {
|
|
166
|
+
|
|
167
|
+
opacity: 1;
|
|
168
|
+
|
|
169
|
+
}
|
|
170
|
+
|
|
171
|
+
}
|
|
142
172
|
|
|
143
173
|
```
|
1
HTML追記
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -2,19 +2,17 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
|
|
5
|
-
```
|
|
5
|
+
```
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
<li class="works fadeIn">
|
|
8
8
|
|
|
9
|
-
|
|
9
|
+
<a href="#">
|
|
10
10
|
|
|
11
|
-
|
|
11
|
+
<span>works</span>
|
|
12
12
|
|
|
13
|
-
|
|
13
|
+
</a>
|
|
14
14
|
|
|
15
|
-
</a>
|
|
16
|
-
|
|
17
|
-
|
|
15
|
+
</li>
|
|
18
16
|
|
|
19
17
|
```
|
|
20
18
|
|