お疲れ様です。
以前作成した自己紹介文にて、qiitaさんとgithubさんのマイページの貼り付けをしていなかったなと思い出したので、各ページにてアイコン画像をダウンロードし、少し変更してきました。
また、前回の投稿にてコメントで、markdown記法なるものを教えていただきましたので、そちらも試しにこの投稿で実装できているか確認してみたいと思います!
/* アイコン */
+.Q {
+ width: 40px;
+ height: 40px;
+ position: relative;
+ top: 0;
+ margin: 20px 40px 0 20px;
+}
+.Q:hover {
+ top: -10px;
+ transition: 0.4s;
+}
+.G {
+ width: 40px;
+ height: 40px;
+ position: relative;
+ top: 0;
+}
+.G:hover {
+ top: -10px;
+ transition: 0.4s;
+}
ということでmarkdown記法も反映できているようですね。
試しに +マークもつけてみたのですが、プレビュー上ではちゃんと緑のラインが引かれ、追記されていることが分かるようになっています。よかった…
そして画像が、マウスをアイコン画像に重ねたときの反応なのですが、ポインターが消えちゃったので、不自然な感じになってしまっていますが、ページ上ではちゃんとマウスが重なったときだけ上に動いています。
思い付きではありますが、こういった感じでたまに更新していきたいと思います。