テキスト周りで使えるCSSの小技いろいろ
テキスト周りで使えるCSSの小技いろいろモバイルファーストの概念が広まり、コンテンツ主体の「読ませる」サイトが増えてきた昨今。テキスト周りをより便利に、より素敵に表示できるようなCSSをいくつか集めました。ユーザビリティの向上も図れるようなものもあるので要チェック！基本的なテクニックが中心なので、初心者さん〜中級者さんの参考になればと思います。 テキスト周りで使える CSS の小技 目次テキストを選択する時の色を変更蛍光ペンで線を引いたような効果長いテキストを「…」で省略する番号リストの表現を変更リンクの種類でアイコン変える言語によってスタイルを変更テキストリンクのエフェクトプリント時は URL を表示長い URL を途中で折返す途中で折り返さず、次の行に先頭の文字を大きく先頭を一文字分あけるグラデーションテキストブラウザーは特記していなければ Chrome、Safari、Firefox、
Text Opening Sequence with CSS Animations | Codrops
A simple and fun text opening sequence effect with blurry letters using CSS animations. Today I want to show you how to create a fun little typography effect with CSS animations and text shadows. Maybe you know those eerie opening sequences of movie trailers where some text is being faded in on a dark background. After seeing Introducting Briefs (which is not a terror movie trailer but a preview f
面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」:phpspot開発日誌
Textualizer | K. Risk - JavaScript Refined 面白いテキストアニメーションが簡単に実現できるjQueryプラグイン「Textualizer」 テキストが歯抜けの状態から、アニメーションしながらテキストが埋められたり、既存アルファベットから別の文字列に変化させたりと、面白いテキストアニメーションが実現可能。 実際にデモを見ていただくのが一番分かりやすいです。 スピード等もオプションで指定可能。 $(element).textualizer( param ); で簡単に実現 テキストアニメーションならFlash、というような時代もありましたが、JavaScriptの方がお手軽でいいな、という時代になった気がします。 関連エントリ 面白いテキストアニメーションが作れるjQueryプラグイン「textualizer」 テキストを部分的にカッコよくアニメーショ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
