回答編集履歴
1
追記
answer
CHANGED
|
@@ -1,3 +1,6 @@
|
|
|
1
1
|
https://jsfiddle.net/cuttlefish/c8qjxurw/
|
|
2
2
|
こんな感じに書いてみました。
|
|
3
|
-
この内容ですとjQueryを用いなくても実装できると思います
|
|
3
|
+
この内容ですとjQueryを用いなくても実装できると思います。
|
|
4
|
+
@keyframesを編集することで、タイミングを書き換えることができます。
|
|
5
|
+
また、animation-fill-modeを指定することでアニメーションの効果を終了後も持続させられます。
|
|
6
|
+
::afterを用いることで擬似要素を作り出し、positionで浮かべてやるとタグ一つでできるようになります。
|