2019/08/19 08:35 JST

medialist autotag demo: uikit_animation

uikit_animation

アニメーションの種類を、自動タグに追加することで、UIkitが提供するアニメーションを追加できます。

animationの種類は、以下のページを参照してください。

http://getuikit.com/docs/slideshow.html

animationの種類:

fade scroll scale swipe slice-down slice-up slice-up-down fold puzzle boxes boxes-reverse

自動タグの前後は括弧[]で囲んでください。

medialist:10 theme:uikit_animation fade

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation scroll

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation swipe

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation slice-down

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation slice-up

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation slice-up-down

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation fold

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation puzzle

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation boxes

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation boxes-reverse

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

medialist:10 theme:uikit_animation random-fx

ボタン
ボタン
神代植物公園で撮影しました。(2015/5/2)
シャクナゲ
シャクナゲ
神代植物公園で撮影しました。(2015/5/2)
フジ
フジ
神代植物公園で撮影しました。(2015/5/2)
ハンカチノキ
ハンカチノキ
神代植物公園で撮影しました。(2015/5/2)
トチノキ
トチノキ
神代植物公園で撮影しました。(2015/5/2)
なんじゃもんじゃ
なんじゃもんじゃ
深大寺で撮影しました。(2015/5/2)
麝香藤
麝香藤
良い香りがします。

最終更新日:: 2015/06/18 14:40 JST| 表示回数: 679 印刷用ページ