thumb

中山テック 代表の中山です。

さて、ホームページのTOP下を変えようかなと思い色々試していました。

その中でCSS+Javascript(jQuery)で画面外からテキストと背景をスライドできないかと色々試してみました。

今回は作り方と解説を見ていこうと思います。

※Animationのプログラムをコチラを参考にしました

※広告を画面外からスライドさせるやり方はこちら

ホームページ制作
SEO対策
blank

こちらが完成のアニメーションとなります。

※もう一度見たい場合はF5でページを読み込んでください

スマホ版の場合、文字を小さくすることと背景を短くすることで実現できます。

html

おすすめの記事