Slice Sliderはサラッとスライスでシンプルに切り替わるスライダーを実装できます。さりげなく、気品を感じさせるスライスアニメーションによるスライダーを設置したい人には最適ですね。 以下のページからSlice Sliderの実際のデモやコードをチェックできます。 Slice Slider デモではスライダーの画面内で上下にスクロールすると前後のコンテンツに切り替わります。もしくはスライダーの右側に設置された「Prev」「Next」をクリックすることでも切り替えることが可能です。 切り替わり時のアニメーションでは、メイン画像が少し縮小(後退)した後に上からスライドで次の画像が表示されます。その後、元のサイズに戻る仕組みです。また、画像が切り替わる時にはスライダーのコンテンツ内のテキストも切り替わります。 シンプルながらも細部の動きやタイミングまでしっかり考えられて設計されている印象です
![サラッとスライスで切り替わるスライダー実装「Slice Slider」 – bl6.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/8769be42c5bf6aeba7ce8db605910f070ce85575/height=288;version=1;width=512/https%3A%2F%2Fbl6.jp%2Fwordpress%2Fwp-content%2Fuploads%2F2017%2F04%2Fno-image.jpg)