CSS+Javascript(jQuery)で画面外から文字をスライドさせる方法
中山テック 代表の中山です。
さて、ホームページのTOP下を変えようかなと思い色々試していました。
その中でCSS+Javascript(jQuery)で画面外からテキストと背景をスライドできないかと色々試してみました。
今回は作り方と解説を見ていこうと思います。
※Animationのプログラムをコチラを参考にしました
※広告を画面外からスライドさせるやり方はこちら
ホームページ制作
SEO対策
こちらが完成のアニメーションとなります。
※もう一度見たい場合はF5でページを読み込んでください
スマホ版の場合、文字を小さくすることと背景を短くすることで実現できます。
html
Excelおすすめ記事
ミドルウェアおすすめ記事
この記事を書いた人
個人事業のシステムエンジニアです
前職はゴリゴリの営業マン(保険売りまくってた)
大抵のプログラミングはこなせます
環境構築もそれなりに出来るかと思います
趣味はゲーム、競馬、食べ歩き、旅行など
備忘と記録を残すためにブログを執筆しております
お仕事のお話は問い合わせフォームからお気軽にお声掛けください♪
前職はゴリゴリの営業マン(保険売りまくってた)
大抵のプログラミングはこなせます
環境構築もそれなりに出来るかと思います
趣味はゲーム、競馬、食べ歩き、旅行など
備忘と記録を残すためにブログを執筆しております
お仕事のお話は問い合わせフォームからお気軽にお声掛けください♪
最近書いた記事