jQueryとCSS3のテキストアニメーションプラグイン

<頭>
<メタ文字セット="UTF-8">
<meta http-equiv="X-UA 互換" content="IE=edge,chrome=1">
<meta name="ビューポート" content="width=device-width、initial-scale=1.0">
<title>animate.css に基づく jQuery CSS3 文字アニメーション画插件</title>

<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/animate.min.css">

<style type="text/css">
.long-shadow、.medium-shadow {
境界線: なし;
-o-text-overflow: クリップ;
テキストオーバーフロー: クリップ;
}
.long-shadow {
-webkit-box-sizing: コンテンツボックス;
-moz-box-sizing: コンテンツボックス;
ボックスのサイズ設定: コンテンツボックス;
text-shadow: 3px 3px 0 #4C6A92、4px 4px 0 #4C6A92、5px 5px 0 #4C6A92、6px 6px 0 #4C6A92、7px 7px 0 #4C6A92、8px 8px 0 #4C6A92、9px 9px 0 #4C6A92、10px 10px 0 # 4C6A92、11px 11px 0 #4C6A92、12px 12px 0 #4C6A92、13px 13px 0 #4C6A92、14px 14px 0 #4C6A92、15px 15px 0 #4C6A92、16px 16px 0 #4C6A92、17px 17px 0 #4C6A92、18ピクセル18ピクセル0 #4C6A92、 19 ピクセル 19 ピクセル 0 #4C6A92、20 ピクセル 20 ピクセル 0 #4C6A92;
}
h1 .animateTitle1 {
フォントサイズ: 10vh;
文字間隔: 2.7vh;
色: #FFF;
パディング: 1em 0;
}
h4{ フォントサイズ:34px; font-weight:bold;}.text-danger{ color:#000000}
</style>

これは jQuery と CSS3 の文字アニメーション ファイルです。必要な友人は以下からダウンロードして使用できます