インラインより優先される!important
CSSの優先順位は、インラインがまず優先されます。
WordPressの設定からデザインを変更できる一部のテーマでは、インラインで設定されてしまうので、いくら外部cssを変更しても反映されないということがあります。
タグ: CSS3
チェックボックスにアニメーションエフェクトを加えるCSS3「checkbox」
チェックボックスにチェックを入れたときのアニメーションエフェクトを追加できるCSS3。
地味なチェックボックスにちょっとした味付け。ユニークなエフェクトが多くあるので、気になる人はデモをチェックしてみよう。
Download: gh-pages.zip
Source: Checkbox.css
[CSS] webkit-animationを使用したアニメーションのサンプル例
「AniCollection」では、CSS3のプロパティ「webkit-animation」を使用したアニメーションパターンのサンプルが取得できます。
一般的なブログなどでは使い所がちょっとムズカシイものがありますが、ワンポイントとして使うと訪問者を驚かせることができそうです。
Source: AniCollection
[CSS] 丸や三角など任意の形にコンテンツをレイアウトできる「shape-outside」
こちらの画像は、CSS Shapeのshape-outsideという属性を使った一例。
斜めにカットされた透明png画像のカットラインに沿って、テキストがレイアウトされています。通常であれば下のラインに沿ってレイアウトされますが、shape-outsideを使うと雑紙のようなレイアウトも可能になるんですね。
