サイトの種類(ひとつだけ)
コンテンツ内容(複数選択可)
サイトを開く

liffect effect for listsの基本情報

サイトURL
http://ademilter.com/lab/liffect/
title
description
keywords
サービス開始日
サービス終了日
運営状況
料金
運営者
運営者サイト

liffect effect for lists

liffect effect for listsとは?

リストに、フェードインなどの効果を加えるCSS、JavaScriptを、生成することができるサイトです。
効果の種類や、アニメーションにかかる時間などを設定した後、生成されたHTML、CSS、JavaScriptをコピーすることができます。

設定を変更する度に、リアルタイムでアニメーション効果が再生されます。

設定できる項目

Effect
フェードイン、スライドなどアニメーション効果の種類を設定します。
  • Fade In
  • Zoom In
  • Zoom Out
  • Slide Left
  • Slide Right
  • Slide Top
  • Slide Bottom
  • Flip
  • Flip In horizontal
  • Flip In vertical
  • Bounce In
  • Bounce In Up
  • Bounce In Right
  • Bounce In Down
  • Bounce In Left
  • Page Top
  • Page Top (back)
  • Page Right
  • Page Right (back)
  • Page Bottom
  • Page Bottom (back)
  • Page Left
  • Page Left (back)
  • Star Wars
Duration
アニメーションの再生所要時間を設定します。
Delay
アニメーションが開始されるまでの時間を設定します。
Random
リストをランダムに表示するかどうかを設定します。
Prefix
ベンダープレフィックスをつけるかを設定します。
  • -webkit-
  • -moz-
  • -o-
  • no prefix
公開:2014-12-16 / 

サイト内の情報は記事作成時点のものです。最新の情報は各サイトをご確認下さい。