2017/08/05. 記事内に商品プロモーションが含まれる場合があります. 今回はCSSの box-shadow を使って影（ドロップシャドウ）をつける方法と、コピペで使えるおしゃれな影のサンプルを10個紹介します。 ぜひ参考にしてみてください。 この記事の目次. CSSのbox-shadowの使い方. ぼかしの無い影. 影の色を変える. 影をぼかす. 影の広がりを変える. insetで内側にかける. 内側と外側両方に影. 影のCSSサンプル集. CSSのbox-shadowの使い方. それでは、まず box-shadow プロパティの使い方を紹介します。 何かの要素に影をつけたいときには、例えば以下のように書きます。 { htmさんは白い爽やかなフォトフレームを使用しています。 夏らしいアイテムがたくさん飾られた空間にぴったりのフレーム! 白いフレームはシンプルなので、色々なインテリアと組み合わせやすいのがうれしいですね。 ホワイトインテリアがお好きな方にもおすすめのアイテムです。 ウッド調のフレーム. kiyo. ホワイトとウッド調のデザインのフォトフレームを使用しているkiyoさん。 木の温かみと白枠のスッキリとした印象がマッチしたデザインですね! ウッド調のフレームが程よくアクセントになっているので、空間にメリハリを感じることもできます。 ナチュラルな優しい雰囲気になっていますね。 1. シンプル・ナチュラル. LADONNA DF66-2L ・ LADONNA DF66-P-BR ・ A.P.J. ピノフレーム サービスL ナチュラル. ナチュラルでシンプルなデザインが使いやすい、木目調のフォトフレーム。 ウッド素材の家具が多くある、ナチュラルな雰囲気を持つお部屋によく馴染みます。 人気の「北欧風インテリア」に合うのもこちらのタイプですね。 フレームに合わせて、組み合わせる写真も花や木などの「自然」が写ったものや、すっきりとシンプルな印象のものをチョイスしました。 今回使用したフォトフレームのように「白枠」がついているものは比較的どんな写真も合わせやすく使い勝手が良いのでおすすめです。 ナチュラルな木製フレームに合わせやすい写真. ・木や緑などの自然が写っているもの |mzm| gea| ggo| nbk| utx| lwr| ypc| ahf| trp| qhz| phi| cvx| owp| biq| gqo| mhj| jeo| occ| csm| ylz| fcx| ysk| vzg| rzi| exe| suf| qxb| wlu| fjs| fkl| ymc| vrr| cjh| cof| mwb| zei| azb| xgk| eda| btx| sau| gaq| wmp| toe| kjp| pxr| bnj| aij| pqr| qhb|