CSSだけで改行する方法
ワードプレスのサイドバーのカスタマイズをしている際、とあるプラグインを設定したら、レイアウト上どうしても改行させて表示させたい部分なのに、プラグインなのでhtmlをいじれなくて どうすればいいか困っていました。 とくに致命的な問題ではないですが、やはり見やすさ レイアウトを考えるとだいぶ印象が違ってくるので、やはり直したいところです。 Read More…
ワードプレスのサイドバーのカスタマイズをしている際、とあるプラグインを設定したら、レイアウト上どうしても改行させて表示させたい部分なのに、プラグインなのでhtmlをいじれなくて どうすればいいか困っていました。 とくに致命的な問題ではないですが、やはり見やすさ レイアウトを考えるとだいぶ印象が違ってくるので、やはり直したいところです。 Read More…
CSS3の「transform」プロパティを使って対象物を斜めに傾けることができます。この指定は、テキストだけでなく画像に対しても適用できます。 CSSの記述は、transformプロパティの値に「rotate」という値を指定。 記述のしかたは以下のようになります。 記述のしかた rotate ( 回転Read More…
「マウスオーバーした時、背景カラーをふわっと変える設定」をまとめておきます。CSSで、元になる色と、マウスオーバーした時の色を設定するだけです。 以下で細かく見ていきます。 マウスオーバーした時、背景カラーをふわっと変える設定 1. もとの色を設定する まずは色を変化させる前の、元となる背景色を設定する。 【CSS 】 1 #sampRead More…
画像ホバーした時、半透明の白色レイヤーをふわっと乗せる設定についてのまとめです。 やり方は色々あると思いますが この記事で紹介するのは、まず背景を白色に設定してから画像の透明度をつけることで白いレイヤーをふわっと乗せたような効果をつける方法です。 画像ホバーした時、半透明の白色レイヤーをふわっと乗せる 1. aタグRead More…