view_mode =

1/

all_categories=

PC表示

スライダー切り替え時の傾きとサイズ変更、センター以外のスライドはぼかしを入れるなど、ただスライダーを表示するだけでなく様々な工夫がされている。

一つ一つ紐解いていくと、どの動きやエフェクトもcssで適用させることが可能。

htmlやcss、使用するスライダーの特性を理解していれば再現性も高く実践向けの技術となっている。

スマホ表示

SP版も基本の動きはPC同様。

各サムネイルのサイズを変更すればどのデバイスでも最適化することが可能なのもグリッドレイアウトのいいところ。

名古屋デザイン&テクノロジー専門学校(名古屋テック)

https://www.nca.ac.jp