Create and export CSS code for a custom box with an arrow extending out from the side. Great for tooltips, flyouts and the like.
設定はすぐに反映され、左のパネルにスタイルシートが表示されます。 [ad#ad-2] HTML 使用するHTMLは、下記のような感じでokです。 <div class="arrow_box">ふきだし</div> CSS 生成されるスタイルシートはアローやボーダーのみなので、吹き出しのサイズなどは別に指定して利用してください。 .arrow_box { position: relative; background: #88b7d5; border: 4px solid #c2e1f5; } .arrow_box:after, .arrow_box:before { bottom: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: no
あとで読みたい人は… CSS3 の box-sizing プロパティがかなり便利です。 あるのは知っていたのですが実際何案件か使ってみてやっぱり便利でした。 CSS覚えたての頃よくやった横幅や高さを指定する時のミスがなくなります。 「あれ、なんで崩れるんだろ?」 「padding と border 分マイナスするの忘れてた~」 ってのがよくありました。(今もたまに。。) それが魔法のコトバ「box-sizing」を唱えれば、マイナスすることなく横幅や高さを指定することができます。 これはものすごい効率化になりますね! box-sizing の書き方 box-sizing プロパティでボックスサイズ(width, height ) の算出方法を 指定します。 指定できるのはこちらの2種類です。 content-box … 【デフォルト値】padding と border を要素の幅と高さに含
@cappeeです。 デザインで吹き出しを使う機会って多いですよね。 そんなデザイナーの強い味方、CSSで簡単に吹き出しをつくってくれるジェネレーターくんをご紹介します。 シンプルな吹き出しを直感的に作れる「CSS ARROW PLEASE!」 CSS ARROW PLEASE! 設定も簡単でシンプルな吹き出しをさくっとつくってくれるジェネレーターです。 複雑な指定が必要な吹き出しは「Grad3」 Grad3 ベンダープレフィックスの指定やシャドウまで一気に指定することができるのでとても便利です。 そもそもCSSでどうやって吹き出しをつくってるの?という方はこちらをご覧ください。 CSSだけで吹き出しを作ってみる 三角の作り方
ココがキニナル! 2014年に生まれ変わる横浜線は今後どうなる?(みのさんさん)/現在東神奈川止まりの列車が多いけど、根岸線まで乗り入れる計画はないの?(Spideyさん、快速悪ティーさん、フクロウさんのキニナル) はまれぽ調査結果! 内容は、新型車両の導入で混雑の緩和を図り、駅構内の利便性を高めるといったもの。根岸線への乗り入れに関しては本数を増やしている状況とのこと。 2013(平成25)年3月21日に、JR東日本横浜支社は「『東京メガループ』横浜線を便利に、快適にします!」と発表。それによると、横浜線が2014(平成26)年に生まれ変わるというのは、定員の多い新型車両の導入や駅構内の利便性を高めるなどの内容。 そこで、詳細について、JR東日本横浜支社の広報部に伺った。 「東京メガループ」横浜線 「東京メガループ」は、ほかの鉄道会社との結節点を多く持つ東京圏の環状線群のことで武蔵野線、
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く