Webフォントを滑らかに表示させるCSS 2016年版 IE 11/Edge/Chrome/Firefox（Windows）

2016/02/13 322 users Edge Firefox Chrome Webフォント 目次

概要 日本語のWebフォントはブラウザーによってはキレイ（滑らか）に見えないこともあります。、滑らかさを出せるCSS設定を紹介します。 目次 ブラウザーによってWebフォントの見え方が違う 各ブラウザーの実際の画面で見え方をチェック font-smooth -webkit-font-smoothing transform: rotate(0.001deg) text-shadow: 0 0 0.1... 続きを読む

[CSS]コピペでOK、text-shadowを使ってテキストにさまざまなスタイルを与える全23種類のスタイルシートのまとめ | コリス

2013/08/25 386 users コリス BAS CSS コピペ テキスト

画像は無し、数行のスタイルシートを加えるだけでテキストにさまざまなスタイルを与えるデモを紹介します。 Text Shadow Compilation デモは全部で23種類、かっこいいスタイルをはじめ、使い方が限定されたアレなものまで、さまざまなスタイルがあります。 基本のHTML HTMLの基本はclassを付与したh1要素のみです。 classを変更して、利用してください。 [html] Bas... 続きを読む

[CSS]エレガントからレトロまで、text-shadowを使った美しいエフェクト集 | コリス

2013/03/18 258 users コリス font-family CSS エフェクト レトロ

text-shadowを使った美しい4種類のエフェクトを紹介します。 エフェクトはCSSのみで、もちろん画像は使っていません。 HTML <h1 class="elegantshadow">Elegant Shadow</h1> CSS まずは、各見出し共通のスタイルシートから。 h1 { font-family: "Avant Garde", Avantgarde, "Century Gothi... 続きを読む

css3のtext-shadowによるテキスト装飾のサンプル集 - かちびと.net

2011/07/07 535 users ソフトウェア マーケティング 貴方 テキスト装飾 net

CSS3のtext-shadowを使ったテキスト装飾のサンプル集 css3のtext-shadowによるテキスト装飾のサンプル集です。自分のコピペ用。よく使うのでサンプルとコードを作っておきましたので宜しければご利用下さい。 かちびと.netとは 貴方のネットビジネスを支えたい。かちびと.netはそんな思いを持ったサイトです。Web制作に役立つ素材やソフトウェア、Webサービス、マーケティングに役... 続きを読む

コピペして使える、ユニークなエフェクトを実現するtext-shadowの設定いろいろ | IDEA*IDEA

2011/06/08 103 users IDEA 原文 シャドウ エフェクト CSS

こちらもメモ的にエントリー。text-shadowでここまでできちゃうんですね・・・。CSSの設定自体は原文を参照していただくとして、どういうエフェクトがかけられるのかちらっとご紹介。 全部で12個ありますが、個人的にぐっときたものを。 ↑ ダブルシャドウ。 ↑ 3Dでシャドウ。 ↑ Inset的な。 ↑ 輝け！ いやはや、いい時代になりつつありますね。 » 12 Fun CSS Text Sha... 続きを読む

[CSS]クロスブラウザ対応、CSSグラデーションを使ったボタンの実用的な実装方法 | コリス

2011/02/02 322 users コリス border-radius box-shadow

ボタンにはborder-radius, box-shadow, text-shadowなどCSS3がふんだんに使用されていますが、グラデーションはIEでも適用されます。ホバー時のキャプチャ実装のポイントスケラｰビリティ文字のサイズを変更するとボタンのサイズもそれに合わせて拡大・縮小アジャスタビリティpadding, font-sizeを変更することでサイズ調整可能フレキシビリティあらゆるHTML要... 続きを読む

[CSS]text-shadowでここまでできる、かっこいいエフェクト集 | コリス

2010/11/08 405 users コリス CSS かっこいいエフェクト テキスト スタイルシート

テキストに影をつけるtext-shadowを使用して、かっこいいエフェクトを適用するスタイルシートを紹介します。 Using CSS Text-Shadow to Create Cool Text Effects [...] 続きを読む