はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 美しいブラー

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート | コリス

2017/02/13 このエントリーをはてなブックマークに追加 149 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス overflow 半透明 Hidden CSS

背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみるのも美しい見た目になります。 .blur-container.blur-8 { --bg: url(background.jpg); overflow: hidden; backg... 続きを読む

商用利用無料、200種類の美しいブラーをつかったぼやけた背景・壁紙素材 -Blurgrounds | コリス

2014/05/08 このエントリーをはてなブックマークに追加 117 users Instapaper Pocket Tweet Facebook Share Evernote Clip ウェブデザイン コリス Photoshop Retina対応

ウェブデザインの背景や、デスクトップ・スマフォなどの壁紙としても利用できる、ぼやけたブラーなスタイルが美しい素材を紹介します。 Blurgrounds http://blurgrounds.com/ って、ドメインがまたいいですね。 素材のサイズは2,000x2,900pxの高解像度で、Retina対応です。 必要があれば、Photoshopなどで自由に変更・修正してください、とのことです。 利用... 続きを読む

全て商用利用無料!すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ | コリス

2013/11/27 このエントリーをはてなブックマークに追加 180 users Instapaper Pocket Tweet Facebook Share Evernote Clip コリス psd jpg PSD素材 スマートオブジェクト

美しいブラーな背景のすぐに使えるJPEG素材から、自分で用意した画像からでも簡単に作成できるチュートリアル付きのPSD素材までを紹介します。 12 Blurred Backgrounds 個人・商用利用、無料。 すぐに使える.jpgだけでなく元PSDもあり、スマートオブジェクトなので簡単に編集もできます。.psdは約300MBですw 10 Free Backgrounds 個人・商用利用、無料。上... 続きを読む

[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート | コリス

2013/11/10 このエントリーをはてなブックマークに追加 418 users Instapaper Pocket Tweet Facebook Share Evernote Clip article Body コリス article要素 半透明

レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 最低限の要素にしたデモ 実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰で... 続きを読む

 
(1 - 4 / 4件)