回答編集履歴

1

追記

2018/02/19 19:59

投稿

im_cuttlefish
im_cuttlefish

スコア13

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