エンジニアの副業は週1からでも可能？副業の例や探し方も解説
- ITエンジニア
- 副業
今回は、複数枚のスライドを階段状に表示するスライドショーをご紹介します。
ありきたりなWebデザインに飽き飽きしている方は、本記事でご提案するエモーショナルなスライドショーの導入をぜひ検討してください。
階段状スライドショー（Diagonal Slideshow）の概要
スライドショーの中身について解説していきます。
選択中のスライドが画面の中央に位置し、ひとつ前のスライドが画面の左上隅に、ひとつ後のスライドが画面の右下隅に表示されるレイアウトです。画面全体で見ると、階段のように斜めに表示されています。
別のスライドを選択したいときは、左右に表示されている当該スライドをクリックしましょう。
選択中の中央のスライドをクリックすると、画面左にグラフィックスが移動し、画面右にテキストコンテンツが表示されます（スマホの場合、背景にグラフィックスが、前面にテキストコンテンツが表示されます）。
この階段状スライドで使用しているアニメーションツールは『TweenMax』です。アニメーションは最新のCSSプロパティを使用しています。古いブラウザではサポートされない可能性があるのでご注意ください。
▲3枚のスライドが表示されたスライドショー
▲スライドをクリックして開いてみると、フルスクリーンで表示される
まとめ
いかがでしたか？
このスライドショーが気に入った人は、ぜひ使ってみてくださいね。
（著者：Mary Lou 翻訳：Annie）
こちらもおすすめ！▼
スライドアウトボックスメニューという新しいアプローチのご紹介
Workship MAGAZINE
人気のフリーランス・副業求人
【リモートワークOK】大手からスタートアップまで、幅広い領域でユーザー体験を担うデザイナー/アートディレクター募集！
- #副業OK
- #新規事業
- #スタートアップ
- #急募
- #長期案件
- #スポット案件（1ヶ月）
- #フルリモートOK
職種：デザイナー
時給：2,500円 〜 4,000円
働き方：どちらでも可
エリア：東京都
【リモート可】【子育てママ歓迎】IoTサービスで世界中の家族を幸せに。アプリデザイナー(スマホ・タブレット) /Webデザイナー募集
- #スタートアップ
職種：デザイナー
時給：2,000円 〜
働き方：どちらでも可
エリア：東京都
【リモートOK】アート・エンタメ×ITでイノベーションを！新規事業のデザイナー募集！
- #スタートアップ
- #土日週末OK
- #急募
- #長期案件
- #正社員募集
- #フルリモートOK
職種：デザイナー
時給：5,000円 〜 8,000円
働き方：どちらでも可
エリア：東京都
Codrops is a web design and development blog that publishes articles and tutorials about the latest web trends, techniques and new possibilities. The team of Codrops is dedicated to provide useful, inspiring and innovative content that is free of charge.
この記事はcodropsからの転載です。配信元または著者とコンテンツ契約を結び配信しています。
Diagonal Slideshow
