SUアニメーション 61

それでは、七色の卵の画像をショートコードで囲んで・・・

日本の「伝統色のいろは」の赤系・緑系・茶系・青系・黄系・紫系・黒白系から七色を選択しました。

からくれない くるみいろ たまごいろ わかばいろ あまいろ こだいむらさき ぬればいろ
唐紅 胡桃色 玉子色 若葉色 天色 古代紫 濡羽色
#EA0032 #A86F4C #FFDF85 #A4CA68 #0086CC #8C6589 #000B00

1ページに並べるとアニメが同時発生・・・いえいえ、スクロールすると順番に動きます。

2つの要素:duration=持続時間”2″ delay=遅延時間”1″ 数字は秒です。

01 flash

02 bounce

03 shake

04 tada:【間投】ジャジャーン!◇楽器のファンファーレの音をまねた擬音語

05 swing 振れ

06 wobble ぐらつき

07 pulse 鼓動

08 flip 反転

09 flipInX
10 flipOutX
11 flipInY
12 flipOutY

13 fadeIn(フェードは動きが小さいけれど)

14 fadeInUp
15 fadeInDown
16 fadeInLeft
17 fadeInRight
18 fadeInUpBig(どのくらい大きくなるか?おお!目立ちます)
19 fadeInDownBig(クロスもします!)
20 fadeInLeftBig
21 fadeInRightBig

22 fadeOut(消えてなくなるのでなあ~)

23 fadeOutUp
24 fadeOutDown
25 fadeOutLeft
26 fadeOutRight
27 fadeOutUpBig(移動距離がビッグです)
28 fadeOutDownBig
29 fadeOutLeftBig
30 fadeOutRightBig

31 slideInDown

32 slideInLeft
33 slideOutRight
34 slideOutUp
35 slideOutLeft
36 slideOutRight

37 bouncein=跳ねる、弾む おや?typeがないので・・・

38 bounceInDown
39 bounceInUp
40 bounceInLeft
41 bounceInRight
42 bounceOut
43 bounceOutDown
44 bounceOutUp
45 bounceOutLeft
46 bounceOutRight

47 rotateIn(その場で回転)

48 rotateInDownLeft(左からそ~と降りてくる)
49 rotateInDownRight(2-3の場合右からぽん)
50 rotateInUpLeft
51 rotateInUpRigh
52 rotateOut(回転して消えてしまう)
53 rotateOutDownLeft
54 rotateOutDownRight  duration=”2″ delay=”3″
55 rotateOutUpLeft  duration=”4″ delay=”6″
56 rotateOutUpRight

57 lightSpeedIn(ちょっと行き過ぎてストップ)

58 lightSpeedOut

59 hinge

60 rollIn

61 rollOut