おしながき はじめに このサイトについてのごくごく簡単な説明です。 web実験小屋 仕様の日本語訳集、文書のミラー、やや古いCSSの実験など。XREAでのメインコンテンツです。 水底の血 はてなブログ内の不定期更新な雑記です。 GitHub GitHubはじめました。成果物はW3C仕様日本語訳置き場Wikiから見ることができます。
ブラウザいっぱいの背景や小さいサイズのパネルにも使える、CSSグラデーションを使った背景テクニックを紹介します。画像の使用はもちろん一切無しです。 ヴィンテージのディスプレイみたいで、面白い演出ができそうですね。 Cool Gradient 実装は非常にシンプル、コピペで簡単に利用できます。 HTML デモではdivとspanの二つを使用していますが、背景用にはdiv一つのみでOKです。 <div><span>Cool Background</span></div> CSS まずは、美しいグラデーションのスタイルシートから。 グラデーションの設定は楕円(ellipse)状でボックスの一番遠い角に合わせて(farthest-corner)います。 div { position: fixed; width: 100%; height: 100%; background-image: -webk
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く