CSSのcounter-incrementを使ってリスト以外に番号を付ける方法

あまり使っているのを見たことがないマイナーなCSSプロパティ「counter-increment」を使ったサンプルを紹介します。

counter0.png

CSS3も少し入れつつ自分流CSSプロパティの書き順を決めてみた

今まで何となく並べていたCSSプロパティですが、記述する順番を決めてみました。このブログはよくコードを紹介しますし、見たときに伝わりやすいよう意識して考えました。

css-property-order.png

簡単、きれい!RGBaカラーを使って横メニューを作ってみる

RGBaカラーを使って全体に統一感のある横メニューを作ってみます。RGBaカラーといっても使うの色は白(rgba(255,255,255,0.4)など)と黒(rgba(0,0,0,0.1)など)だけで、その透明度を変えて様々なところで使っています。

rgba-menu0.png

CSS3を使うにあたって知っておきたいIE対策のまとめ

CSS3を使うにあたっていつも問題になるのが Internet Explorer(IE)です。CSS3への対応が遅い上に、旧バージョンを使い続けているユーザーも結構いますので、CSS3を使うことに躊躇する人も多いのではないでしょうか?

ということでCSS3を使うにあたって知っておきたいIE対策を紹介します。

css3-ie678.png

CSS3のtransition-timing-functionの動きをサンプルで理解しよう

このブログでも多用しているtransitionですが、変化の仕方を表すtransition-timing-functionについては、違いが分からないという人もいるのではないでしょうか?

transition-timing.png

透明度を表す「opacity」 と 「RGBa」の違いと使い分け

ともに透明度を表す「opacity」 と 「RGBa」ですが、違いをちゃんと理解して正しい使い分けをしましょう。

opacity-rgba-title.png
Recent Entry
Popular Entry