[CSS]大きい画像をブラウザのサイズに合わせて背景に表示するスタイルシート
CSS-Tricksから、大きい画像を余白を作らずにブラウザのサイズに合わせて、背景に表示するスタイルシートを紹介します。 Perfect Full Page Background Image 下記、それを実装する要件とテクニックを二つ、それぞれポイントをピックアップして紹介します。 実装の要件 前提として、画像のサイズを調整する必要があるため、background-imageプロパティでの配置は不適格とします。 それを踏まえ、以下の条件をクリアさせます。 ページは画像でいっぱいに、余白は無しで 画像の大きさは自動調整 画像の比率は維持 画像はページ中央に 画像はスクロールさせない クロスブラウザ対応 一つ目のテクニックは余分なマークアップが必要で、IE6用にJavaScriptを使用したものを紹介しています。 二つ目のテクニックは、余分なマークアップを無くし、JavaScriptも必要と
プロレベルのバックグラウンド画像作成Photoshopチュートリアル集:phpspot開発日誌
40 Cool Abstract and Background Photoshop Tutorials | Photoshop Tutorial プロレベルのバックグラウンド画像作成Photoshopチュートリアル集 次のような超クールな背景画像の作成の流れが分かります。こんな大量の教材があれば、もう他に教材は要らないというぐらいの充実ぶり。 Abstract Signature Windows Vista Aurora Effect Abstract Walkthrough Luminescent Lines Space Lighting effects Calculations And Colorization Abstract Light Rays Signature tutorial Movement Light Rays Abstract art wallpaper Signat
Photoshopで自分の好きな背景画像を作る方法『How to make your own patterns.』 | CREAMU
Design Photoshopで自分の好きな背景画像を作る方法『How to make your own patterns.』 自分の好きな背景画像を作ってみたい。 そんなときにおすすめなのが、『How to make your own patterns.』。Photoshopで自分の好きな背景画像を作る方法です。 以下にご紹介。 例として120x120pxの新規ファイルを作成し、パターンの元となる画像を作成します。 そして、そのレイヤーを複製します。 複製されたレイヤーが選択された状態で、「フィルタ / その他 / スクロール」を選択します。 スクロールダイアログで、カンバスサイズの1/2のピクセル数を入力します。 ここでは120x120pxのファイルを作成したので、60と入力しました。 OKをクリックすると、画像が4分割されて四隅に配置されます。 以上ですね。 以下はオプションです。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
