タグ 美しいブラー
人気順 5 users 10 users 50 users 500 users 1000 users[CSS]背景は固定、美しいブラーがかかった半透明のパネルやサイドバーやボタンを実装するスタイルシート | コリス
背景画像は固定表示で、美しいブラーがかかった半透明のパネルやサイドバーやボタンがスクロールするコンテンツを実装するスタイルシートのアイデアを紹介します。 例えばパネルをクリアにして、背景をブラーにするなど、反転させてみるのも美しい見た目になります。 .blur-container.blur-8 { --bg: url(background.jpg); overflow: hidden; backg... 続きを読む
商用利用無料、200種類の美しいブラーをつかったぼやけた背景・壁紙素材 -Blurgrounds | コリス
ウェブデザインの背景や、デスクトップ・スマフォなどの壁紙としても利用できる、ぼやけたブラーなスタイルが美しい素材を紹介します。 Blurgrounds http://blurgrounds.com/ って、ドメインがまたいいですね。 素材のサイズは2,000x2,900pxの高解像度で、Retina対応です。 必要があれば、Photoshopなどで自由に変更・修正してください、とのことです。 利用... 続きを読む
全て商用利用無料!すぐに使えるJPEG素材からオリジナルを作成できるPSDまでブラーな背景素材のまとめ | コリス
美しいブラーな背景のすぐに使えるJPEG素材から、自分で用意した画像からでも簡単に作成できるチュートリアル付きのPSD素材までを紹介します。 12 Blurred Backgrounds 個人・商用利用、無料。 すぐに使える.jpgだけでなく元PSDもあり、スマートオブジェクトなので簡単に編集もできます。.psdは約300MBですw 10 Free Backgrounds 個人・商用利用、無料。上... 続きを読む
[CSS]背景固定で美しいブラーがかかった半透明のパネルだけがスクロールするスタイルシート | コリス
レスポンシブ対応で背景画像は固定表示、美しいブラーがかかった半透明のパネルだけがスクロールするコンテンツを実装するスタイルシートを紹介します。 最低限の要素にしたデモ 実装は、こんな感じになります。 HTML パネルはarticle要素で実装します。中身はテキストでも画像でもフォームでも何でもOK。 <body> <article> <h1>半透明の美しいパネル</h1> <p>洋酒といえば、誰で... 続きを読む