This is standard

KAIZEN PLATFORM社が提供するA/Bテストプラットフォームにてグロースハックを行っているフリーランサーのサイトです。

CSS3でグラーデーションのアニメーションをつける

   

タイトルをみると???かと思いますので、デモをご覧ください。
※古いブラウザでは動きませんので、最新のブラウザでご覧ください。

■DEMO

グラデーション

ちょっとリッチなページタイトルなどにいかがですか?

コードはこちら

 - HTML・CSS・Javascript, Tips

  関連記事

FutureShop2(フューチャーショップ)でフォーム改善するときの注意点

FutureShop2はhttps://~領域のデザインも編集できる優れたASP …

Googleアナリティクスでフィルタをかける

上のグラフはこのサイトのセッション数を表しています。 見てわかるようにまだ全然ア …

jQuery正規表現を使って金額を抽出するには

ある案件で、動的に価格表記を変更したいとの依頼がありました。 そこで正規表現を使 …

jQuery cookie.jsを利用して次回訪問時にクーポンを表示する方法

使い方はアイデア次第! 簡単にcookieを使ってポップアップを表示する方法のご …

Googleアナリティクスのイベントとセカンダリディメンションを組合せて情報を取得する

Googleアナリティクスのクリックイベントはクリック数を取得するだけでなく、セ …

CSS3で立体ボタンを作成する

立体デザインボタン 昨今のフラットデザインの流れでボタンと認識できず、CTRが下 …

Googleアナリティクスでスクロール量を取得するjQueryプラグインScroll Depth

Googleアナリティクスでクリックイベントの取得はよくされてると思います。 今 …

Kaizen Platformでscroll()イベントを使う時の注意点

追記2017.01.04 公式サイトにナレッジが追加されていました。「要素を固定 …

【jQuery】画像が404エラーの時、別の画像を表示する方法

クライアントより、動的に一覧ページに複数の画像を掲載したいというご要望がありまし …

LPで使えるjQueryアニメーションボタン

LPでgifアニメーションボタンが一時流行りましたが、ボタンを作るのは結構時間も …