Tag : CSS

【CSS】CSSのグラデーションを使ってメタリック感を出すメモ

CSSのグラデーションをうまく使うと、メタリック感のある背景色を作ることができます。 今回は忘れないうちにそんなメモ。 金色メタリック [crayon...

【CSS】CSSを使って写真をトリミングするメモ

絶賛成長中のうちのガジュマルさんの写真をもとに、CSSを使って画像のトリミングをします。この画像はwidth="300" height="252"のサイズです。...

【CSS】画像をマウスオーバーしたときに効果を与えるメモ4つ

昔はjavascriptでやってた画像をマウスオーバーしたときに、何らかのアクションを与える効果。それが今ではCSSだけでできるようになりました。このブログでも...

【CSS】CSSでつくるレスポンシブなテーブレイアウトサンプル集

以前、CSSを使ってレスポンシブなテーブルレイアウトをつくるメモを作りました。それからしばらくして、自分用にでもいろんなレイアウトのサンプルHTMLやCSSもつ...

【CSS】CSSでテーブルの奇数行・偶数行の背景に色をつけるメモ

CSS3になって便利なことといえば、擬似要素のnth-childでしょう。 それまでは、javascriptでやるしかなかったテーブルの奇数行や偶数行の背...

【CSS】CSSだけでメールアイコンを作ってみたメモ

CSS3になっていろいろできるようになったので、CSSだけでメールアイコンを作ってみました。 上のメールアイコンがそれ。 見れない人向けの画像版は下...

【CSS】時間的変化を与えるスタイルシートtransitionについて勉強してみた

CSS3には、時間的変化を操るtransitionがあります。 時間的変化トランジションと漢字の上にカタカナでルビをふると、不思議と何かの技っぽい。 そ...