freo検索プラグインでGoogleのtiltを再現する方法

傾かせ方

1. 検索プラグインを導入します。

2. 「tilt」検索時に特定のCSSを読み込む

   templates/header.html の head 内に以下のコードを追加します。

   <!--{if $smarty.get.word == tilt}--><link rel="stylesheet" href="{$freo.core.http_url}{$smarty.const.FREO_CSS_DIR}tilt.css" type="text/css" media="all" /><!--{/if}-->

3. 傾かせるためのCSSを作成

   cssディレクトリに tilt.css を作成し、以下のコードを追加します。

   body {
   	-webkit-transform: rotate(3deg); //数値は適当に変更してください。
   	transform: rotate(3deg);
   }