WordPress, CSSLuxeritas

このLuxeritasのSNSフォローボタンをCSSを使って少し見た目をカスタマイズしてみたいと思います。一からフォローボタンを作っても良いのですがせっかくテーマに良い機能が付いているので使わせてもらいます。

CSS

ブログなどでよく見る、画像の上にマウスポインタを乗せたら画像が少し拡大するアニメーションのやり方をご紹介します。CSSだけで実現できますので簡単です。

CSS

サイトやブログでの文章は左から右へ向かって表示されるので左側は当然揃うのですが、右側に関しては文章中に含まれる英数字や句読点の関係で綺麗に揃いません。しかし調べてみたらあっさりCSSで実現できる事が分かりました。

CSSカスタマイズ

スマホでタップした時に一瞬出るハイライト表示があると思います。それをCSSで消す方法です。ハイライトを見えないようにして、かつマウスオーバー時のスタイルなどを適用していない場合、ユーザーからしてみればタップしても一見何も反応が無いので、自分 ...

CSS

この何番目を指定してスタイルを適用させる系の擬似クラスは私もWeb制作の際には良く使います。備忘録も兼ねてもう自分のブログに解説と一緒に書いておこうと思います。とりあえず良く使う何番目指定系の擬似クラスだけをピックアップしました。

CSSカスタマイズ

リンクのCSSを記述する際に、マウスが置かれた時にスタイルを適用する:hover擬似クラスは良く使うのですが、意外と忘れがちなのが:visited擬似クラスです。 これはユーザーが既にクリック済み、訪問済みの場合にスタイルを適用するものです ...