CSS3ドロワーメニュー
基本骨格 チェックボックスのlabelをオープン用とクローズ用の２つ用意する。 メニュー部分は予め画面外に隠しておき、オープンボタンを押す（チェックが入る）とtransformで０地点へ移動するようにする。再びオープンボタンを押せばチェックが外れてメニューが隠れる。 また、クローズボタンは画面全体であるが、メニュー部分よりはz-indexが下で、メニューが開いた時（チェックが入った時）のみ、背景を付けて、マウス操作（チェックのオフ）を可能にする。 #navTgl:checked + .openで、チェックが入ったらクラスがopenのラベルに対してする操作を、#navTgl:checked ~ .closeで、クラスがcloseのラベルに対してする操作をそれぞれ指定できる。 これがjavascriptでいうonclickとかに相当する。 ≡ <!--html--> <input type="
テキストをスタイルシート適用前の状態に戻す方法 - builder by ZDNet Japan
これまで、さまざまなデザインをスタイルシートで設定する方法を紹介してきたが、今回はスタイルシートでデザインされたテキストを、スタイルシート適用前の状態に戻す方法を紹介したい。 そのため、プロパティの設定を初期値に戻す「initial」という値を利用する。「initial」はCSS 3で提案されている値で、FirefoxではFirefox 3以降が対応。SafariとGoogle Chromeも対応している。 テキストなどをスタイルシート適用前の状態に戻すには、適用したスタイルシートの設定を削除するのが一番簡単な方法だ。しかし、現在のウェブページ制作ではスタイルシートの設定を複数のページで共有していることも多く、不用意に削除したり適用先を変えたりすると不具合が発生しかねない。 そこで、既存のスタイルシートの設定には手を加えずに、設定を上書きすることを考える。 たとえば、次のサンプルでは でマ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Toptal's CSS3 Generator Tool allows you to easily generate useful snippets of CSS3 and copy them straight into your projects.
