JavaScript

文字の半分をスタイルすることができるjQueryプラグイン「Splitchar」

SplitcharというjQueryプラグインを使えば、文字の半分をスタイルしたりすることができます。垂直にスタイルを分割したり、水平に分割することもできます。半分(ダブル)以外にもトリプルに設定することも可能なので、文字をスタイルする際に活用してみたいプラグインですね。

[ads_center]

Splitcharの使い方

このように文字の半分が別のスタイルになっています。

Splitchar

他にも以下のようなトリプルのスタイルなんかにも設定することができます。

Splitchar

実際のデモでは、HorizontalのDoubleとTriple、VerticalのDoubleとTripleを選択できるようになっています。気になる方はチェックしてみて下さい。

使い方もシンプルで使いやすそうですね。

$(document).ready(function(){
    $(".splitchar").splitchar();
});

Splitchar

Macでcommand + Zを元に戻すMacでcommand + Zで戻ったものを再度元に戻すショートカットキー前のページ

複数テキストをアニメーションで切り替えていくjQueryプラグイン「Morphext」次のページMorphext

関連記事

  1. Parallax Slider with jQuery
  2. TyperText

    JavaScript

    テキストタイピングエフェクトを実装できる「TyperText」

    TyperTextはテキストタイピングエフェクトを実装できるjQuer…

  3. CSS3 3D Text Plugin for jQuery
  4. MediumLightbox

    JavaScript

    Mediumライクな画像ズームを実装できる「MediumLightbox」

    シンプルでエレガントな画像ズーム機能をwebサイトに実装できる「Med…

  5. P-Loading

    JavaScript

    パワフルなローディングマスクを実装できるjQueryプラグイン「P-Loading」

    P-Loadingは、パワフルなローディングマスクを手軽に実装すること…

  6. DD Scroll Boxes

最近の記事

  1. オータムスイートポテトフラペチーノ
  2. 紅葉
  3. ナノケア EH-NA0E
  4. スターバックス コロンビア サンタンデール

アーカイブ

PAGE TOP