コピペで使うcss/jsのひと味違うスライドショー

普段目にする横にスライドするスライドショーではなく
動きに特徴があるスライドショーをまとめてみました。

Slideshow With Navigation Buttons Responsive

See the Pen Slideshow With Navigation Buttons Responsive by Okba Design (@Okba-Design) on CodePen.

Modern Carousel with Flickity (ELEMENTS)

See the Pen Modern Carousel with Flickity (ELEMENTS) by Radu (@maxym11) on CodePen.

WebGL slideshow & ui navigation buttons with curtains.js

See the Pen WebGL slideshow & ui navigation buttons with curtains.js by Martin Laxenaire (@martinlaxenaire) on CodePen.

CodePen Home
CodePen Challenge: Board Games – Candyland

See the Pen CodePen Challenge: Board Games – Candyland by miranda (@mirandalwashburn) on CodePen.

Slide Show

See the Pen Slide Show by Morto (@morto) on CodePen.

Stylish One Page Webdesign

See the Pen Stylish One Page Webdesign by Igor Milenkovic (@imilenig) on CodePen.

SlideShow Animated

See the Pen SlideShow Animated by Manu K (@manukn) on CodePen.

Slider boomerang effect

See the Pen Slider boomerang effect by Grandvincent Marion (@GrandvincentMarion) on CodePen.

Fancy Slider

See the Pen Fancy Slider by Nikolay Talanov (@suez) on CodePen.

Skewed One Page Scroll

See the Pen Skewed One Page Scroll by Nikolay Talanov (@suez) on CodePen.

Fullscreen drag-slider with parallax

See the Pen Fullscreen drag-slider with parallax by Nikolay Talanov (@suez) on CodePen.

まとめ　アニメーションがステキなスライドショーをまとめました。

アニメーションが横だけではなく縦やフェード等いろいろな動きをしているスライドショーは慣れているユーザーにも目を引く材料になるのではないでしょうか。

関連記事

• コピペで簡単！カード型のデザインサンプル9選
• コピペで使うローディングアニメーション！
• コピペで簡単！アニメーションボタンをまとめてみました。
• コピペで簡単！レスポンシブル対応のヘッダーメニュー