coding

Swiperを利用して作成した自動でスクロールするスライダー。上下で流れる方向を変えています。

Swiperを利用して作成した自動スクロールされるスライダー。ホバーしている画像を強調表示する等の、カスタマイズを行っています。

Swiperを利用して作成した自動スクロールされるスライダー。ページネーションのカスタマイズも行っています。

Swiperを利用して作成した基本的なスライダー。ページネーションと、スライドをホバーした時に簡易なアニメーションが入るようにカスタマイズ。

Swiperを利用して作成した基本的なスライダーにページネーションを追加。

Swiperを利用して作成した基本的なスライダー。

それぞれの要素にホバーすると別の背景画像が表示される。

四角形にホバーすると、左右でそれぞれ別の背景が飛び出してくる。

ボタンをクリックすると要素が反転するアニメーションが始まり、後ろに配置した画像が出現する。

ボタンをクリックすると画面が後退するように縮小し、モーダルウィンドウがスライドインする。