お問い合わせ

Animation

人間の目をひきつける動き・モーション

  • 飽きずに最後まで読んでもらう可能性を高めます。
  • Animation・
  • 動き・
  • Motionは、
  • サイト訪問者の注目をひきます。
  • コミカルさを演出します。
  • 親しみを持ってもらいやすくなる可能性があります。
  • サイト滞在時間アップに寄与します。

人間は、動くものに自然と目がひきつけられます。

画像や、テキストに、以下の動きを設定することが可能です。

視界に入ったら1回だけ動いて、後は動かない設定にすることもできます。

制作実績

アニメーションリスト
1秒間

Animation list 1s

01)Animation bounce 1s

02)Animation flash 1s

03)Animation pluse 1s

04)Animation rubberBand 1s

05)Animation shakeX 1s

06)Animation shakeY 1s

07)Animation headshake 1s

08)Animation swing 1s

09)Animation tada 1s

10)Animation wobble 1s

11)Animation jello 1s

12)Animation heartBeat 1s

13)Animation backIndown 1s

14)Animation backInLeft 1s

15)Animation backInRight 1s

16)Animation backInUp 1s

17)Animation backOutDown 1s

18)Animation backOutLeft 1s

19)Animation backOutRight 1s

20)Animation backOutUp 1s

21)Animation bounceIn 1s

22)Animation bounceDown 1s

23)Animation bounceInLeft 1s

24)Animation bounceInRight 1s

25)Animation bounceInUp 1s

26)Animation bounceOut 1s

27)Animation bounceOutDown 1s

28)Animation bounceOutLeft 1s

29)Animation bounceOutRight 1s

30)Animation bounceOutUp 1s

31)Animation fadeIn 1s

32)Animation fadeInDown 1s

33)Animation fadeInDownBig 1s

34)Animation fadeInLeft 1s

35)Animation fadeInLeftBig 1s

36)Animation fadeInRightBig 1s

37)Animation fadeInUp 1s

38)Animation fadeInUpBig 1s

39)Animation fadeInTopLeft 1s

40)Animation fadeInTopRight 1s

41)Animation fadeInBottomLeft 1s

42)Animation fadeInBottomRight 1s

43)Animation fadeOut 1s

44)Animation fadeOutDown 1s

45)Animation fadeOutDownBig 1s

46)Animation fadeOutLeft 1s

47)Animation fadeOutLeftBig 1s

48)Animation fadeOutRight 1s

49)Animation fadeOutRightBig 1s

50)Animation fadeOutUp 1s

51)Animation fadeOutUpBig 1s

52)Animation fadeOutTopLeft 1s

53)Animation fadeOutTopRight 1s

54)Animation fadeOutbottomLeft 1s

55)Animation fadeOutbottomRight 1s

56)Animation fadeOutbottomLeft 1s

57)Animation flip 1s

58)Animation flipInX 1s

59)Animation flipInY 1s

60)Animation flipOutX 1s

61)Animation flipOutY 1s

62)Animation lightspeedInRight 1s

63)Animation lightspeedInLeft 1s

64)Animation lightspeedOutRight 1s

65)Animation lightspeedOutLeft 1s

66)Animation rotateIn 1s

67)Animation rotateInDownLeft 1s

68)Animation rotateInDownRight 1s

69)Animation rotateInUpLeft 1s

70)Animation rotateInUpRight 1s

71)Animation rotateOut 1s

72)Animation rotateOutDownLeft 1s

73)Animation rotateOutDownRight 1s

74)Animation rotateOutUpLeft 1s

75)Animation rotateOutUpRight 1s

76)Animation hinge 1s

77)Animation jackInTheBox 1s

78)Animation rollIn 1s

79)Animation rollOut 1s

80)Animation zoomIn 1s

81)Animation zoomInDown 1s

82)Animation zoomInLeft 1s

83)Animation zoomInRight 1s

84)Animation zoomInUp 1s

85)Animation zoomOut 1s

86)Animation zoomOutDown 1s

87)Animation zoomOutLeft 1s

88)Animation zoomOutRight 1s

89)Animation zoomOutUp 1s

90)Animation slideInUp 1s

91)Animation slideInDown 1s

92)Animation slideInLeft 1s

93)Animation slideInRight 1s

94)Animation slideOutUp 1s

95)Animation slideOutDown 1s

96)Animation slideOutLeft 1s

97)Animation slideOutRight 1s

アニメーションリスト
5秒間

Animation list 5s

01)Animation bounce 5s

02)Animation flash 5s

03)Animation pluse 5s

04)Animation rubberBand 5s

05)Animation shakeX 5s

06)Animation shakeY 5s

07)Animation headshake 5s

08)Animation swing 5s

09)Animation tada 5s

10)Animation wobble 5s

11)Animation jello 5s

12)Animation heartBeat 5s

13)Animation backIndown 5s

14)Animation backInLeft 5s

15)Animation backInRight 5s

16)Animation backInUp 5s

17)Animation backOutDown 5s

18)Animation backOutLeft 5s

19)Animation backOutRight 5s

20)Animation backOutUp 5s

21)Animation bounceIn 5s

22)Animation bounceDown 5s

23)Animation bounceInLeft 5s

24)Animation bounceInRight 5s

25)Animation bounceInUp 5s

26)Animation bounceOut 5s

27)Animation bounceOutDown 5s

28)Animation bounceOutLeft 5s

29)Animation bounceOutRight 5s

30)Animation bounceOutUp 5s

31)Animation fadeIn 5s

32)Animation fadeInDown 5s

33)Animation fadeInDownBig 5s

34)Animation fadeInLeft 5s

35)Animation fadeInLeftBig 5s

36)Animation fadeInRightBig 5s

37)Animation fadeInUp 5s

38)Animation fadeInUpBig 5s

39)Animation fadeInTopLeft 5s

40)Animation fadeInTopRight 5s

41)Animation fadeInBottomLeft 5s

42)Animation fadeInBottomRight 5s

43)Animation fadeOut 5s

44)Animation fadeOutDown 5s

45)Animation fadeOutDownBig 5s

46)Animation fadeOutLeft 5s

47)Animation fadeOutLeftBig 5s

48)Animation fadeOutRight 5s

49)Animation fadeOutRightBig 5s

50)Animation fadeOutUp 5s

51)Animation fadeOutUpBig 5s

52)Animation fadeOutTopLeft 5s

53)Animation fadeOutTopRight 5s

54)Animation fadeOutbottomLeft 5s

55)Animation fadeOutbottomRight 5s

56)Animation fadeOutbottomLeft 5s

57)Animation flip 5s

58)Animation flipInX 5s

59)Animation flipInY 5s

60)Animation flipOutX 5s

61)Animation flipOutY 5s

62)Animation lightspeedInRight 5s

63)Animation lightspeedInLeft 5s

64)Animation lightspeedOutRight 5s

65)Animation lightspeedOutLeft 5s

66)Animation rotateIn 5s

67)Animation rotateInDownLeft 5s

68)Animation rotateInDownRight 5s

69)Animation rotateInUpLeft 5s

70)Animation rotateInUpRight 5s

71)Animation rotateOut 5s

72)Animation rotateOutDownLeft 5s

73)Animation rotateOutDownRight 5s

74)Animation rotateOutUpLeft 5s

75)Animation rotateOutUpRight 5s

76)Animation hinge 5s

77)Animation jackInTheBox 5s

78)Animation rollIn 5s

79)Animation rollOut 5s

80)Animation zoomIn 5s

81)Animation zoomInDown 5s

82)Animation zoomInLeft 5s

83)Animation zoomInRight 5s

84)Animation zoomInUp 5s

85)Animation zoomOut 5s

86)Animation zoomOutDown 5s

87)Animation zoomOutLeft 5s

88)Animation zoomOutRight 5s

89)Animation zoomOutUp 5s

90)Animation slideInUp 5s

91)Animation slideInDown 5s

92)Animation slideInLeft 5s

93)Animation slideInRight 5s

94)Animation slideOutUp 5s

95)Animation slideOutDown 5s

96)Animation slideOutLeft 5s

97)Animation slideOutRight 5s