【webデザイン】コピペするだけ！押した事が感覚的に分かるエフェクト付き「続きを読む」ボタン - えむしとえむふじんがあらわれた

こんにちは、えむしです。 テーマを変更したことで「続きを読む」のボタンがうまく表示されなくなったので 思い切ってカスタマイズしてみる事にしました。 完成図と参考にしたサイト コード テーマを変更した理由 完成図と参考にしたサイト 挙動はこんな感じです。 うちのサイトのボタンを録画したので下のコードを貼り付けた時の色味とは別です。 下のコードではグレーに仕上がっています。 ボタンを押した時に、ちゃんと押した感じのするボタンにしたくてこちらを参考にして作りました。 参考にしたのはここのmoema tympanus.net コード きちんとcssを勉強するしたわけではないので、もしかしたら必要のない指定をしているかもしていません。 テーマによっては上手く動作しないかもしれないのでご容赦を。 貼り付ける場所はこちら。 cssの欄に以下のコードを貼り付けてください。 /* 続きを読むボタンカスタマイ

[mshimfujin]

ありがとうございます。こう言うの、自分で考えて書けるようになれたらいいんですけどねえー。

[kaomojiblog]

使わせて頂きます。そして、このブログ言葉では説明しにくいけどなんか良いブログですね！

[CALMIN]

これイイですね！凝ってる

[hinataaoi]

ものすごく苦手な分野です。すごいとしか言いようがありません。w(ﾟﾛﾟ)w

[r9yu25]

まさに今日続きを読むボタン変えたところだ！

[sapic]

押した感覚があるとわかりやすいですよね。私レイアウトを何にもいじってないので、そろそろ何かやらなきゃと思いました。

[akoreb]

確かに自分で考えて書けたら良いですよね〜！

[bg4kids]

参考にさせていただきます。

[outdoor-kanazawa]

マルチな才能ですねー。はてなアプリの新しい機能かと思ってクリックして来ました。