1px欠けの角丸ボックスをCSSだけで作る方法｜web bibo
スタイルシートだけで1px欠けの角丸を作る方法です。この角丸を使用することでシャープすぎるボックスを少し柔らかい印象にすることができます。 HTML 下記の通りHTMLを記述します。 <div class="outer"> <div class="inner">1px rounded corners</div> </div> ボックスにボーダーを付けない場合 .outer { margin: 0px 1px; padding: 1px 0px; background: #0cc; } .inner { margin: 0px -1px; background: #0cc; } ボックスにボーダーを付ける場合 .outer { margin: 0px 1px; background: #E4F2FF; border-top: 1px solid #B1C6D9; border-bottom:
いい感じの手作り感が出せる紙のテクスチャ素材色々:phpspot開発日誌
80 Free High Res Paper Textures | The Roxor | Design blog for resources and inspiration いい感じの手作り感が出せる紙のテクスチャ素材が色々と紹介されていました。 個人的に、手作り感がいいなぁ、と思ってしまう紙のテクスチャ。紙といっても色々な種類があって、それぞれに個性があります。 Wrinkled Paper 学習ノートにちょっとシワをいれた感じのテクスチャなど 当ブログのデザインに合成してみたところ、なんとも手作り感漂うデザインが出来てしまいました。 Photoshopの乗算によって合成してみた図。かかった時間1分。いつか実際にやってみたい。 Burnt Paper Textures ちょっとこげた感じの和風テクスチャなど 1パターンじゃなく、さまざまな焦がしパターンがあってナイスです。 こういう画像
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Background Image Maker
