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. PopSelect

    JavaScript

    タグ形式のセレクトボックスをポップオーバーで表示させる「PopSelect」

    PopSelectはタグ付けするような感覚のセレクトボックスをポップオ…

  2. DropDownMenu

    JavaScript

    レスポンシブ対応で多階層なドロップダウンメニューを実装できる「DropDownMenu」

    DropDownMenuは、レスポンシブに対応した多階層なドロップダウ…

  3. no-image

    JavaScript

    画像の遅延読み込みを実装できる軽量ライブラリ「Lazyestload.js」

    Lazyestload.jsは画像の遅延読み込み機能を実装できる軽量の…

  4. Stretchy Navigation

    JavaScript

    ナビゲーションメニューが伸び縮みする「Stretchy Navigation」

    Stretchy Navigationはクリック、タップをすることで伸…

  5. Zoom Slider

    JavaScript

    ズーム機能を備えたシンプルなコンテンツスライダー「Zoom Slider」

    Zoom Sliderは奥行き感を演出したズーム機能を備えたシンプルな…

  6. parallax-background.js

最近の記事

  1. タリーズ ハムチーズ&サラダサンド
  2. クリニカのY字タイプのフロス
  3. 日和山公園の桜
  4. 成城石井 フレンチロースト
  5. COMOLI カシミアシルクニットパーカ

アーカイブ

PAGE TOP