タグ

2012年10月5日のブックマーク (1件)

  • CSSのみ画像不要の影付き吹き出しの作り方3種を全然丁寧じゃなく列挙してみる – No.1026

    CSSのみ画像不要の吹き出しの作り方 昨日ゴロドクさんが改めて丁寧に解説にしていましたCSSのみ画像不要の吹き出しの作り方。 せっかく丁寧に説明されているので、基的な作りからはそちらを御覧ください。 CSSのみ画像不要の吹き出しの作り方を若干丁寧に解説してみる 影の付け方 せっかく吹き出しなので「影も付けて更にそれっぽくしたいたい!」と思う方もいらっしゃるかと思います。 ただ、これには割と癖がありませして単純にdrop-shadowをかければいいというわけではありません。吹き出しの▼部分に影がなかったり、影が被ったり、ずれたりしてしまいす。 パターン1:影を隠す 「影が▼と被ってしまうなら、被ってしまう部分を上から隠そう」という方法です。 こちらは以前Zumaさんが紹介していた方法です。 以下Zumaさんのブログを御覧ください。 影付きの吹き出しをスマフォ向けにCSSだけで作る方法 パタ

    kyaido
    kyaido 2012/10/05
    ボーダーで矢印つくるやつ