回答編集履歴
3
誤字の修正
answer
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
text-decoration-color: rgba(0,0,0,0);
|
|
11
11
|
}
|
|
12
12
|
```
|
|
13
|
-
リンク先の READ MORE はフ
|
|
13
|
+
リンク先の READ MORE はフェイドアウトと同時に下に移動もさせているので、そのようにしたければ、
|
|
14
14
|
::after疑似要素で下線を作成してそれをアニメーションさせます。
|
|
15
15
|
|
|
16
16
|
```css
|
2
コード追加
answer
CHANGED
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
単純にフェイドアウトさせるだけなら、下線色を透過色にすればいいでしょう。
|
|
2
|
+
|
|
3
|
+
```css
|
|
4
|
+
.pickup a {
|
|
5
|
+
color: black;
|
|
6
|
+
text-decoration-color: rgba(0,0,0,1);
|
|
7
|
+
transition: all 1s 0s linear;
|
|
8
|
+
}
|
|
9
|
+
.pickup a:hover{
|
|
10
|
+
text-decoration-color: rgba(0,0,0,0);
|
|
11
|
+
}
|
|
12
|
+
```
|
|
13
|
+
リンク先の READ MORE はファンドアウトと同時に下に移動もさせているので、そのようにしたければ、
|
|
1
14
|
::after疑似要素で下線を作成してそれをアニメーションさせます。
|
|
2
15
|
|
|
3
16
|
```css
|
1
説明修正
answer
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
text-decoration はOn/Offしかないのでアニメーションさせることはできません。
|
|
2
1
|
::after疑似要素で下線を作成してそれをアニメーションさせます。
|
|
3
2
|
|
|
4
3
|
```css
|