Images
Add Line | Sliderを追加しました。この機能を使用することで、一度に複数のSliderを作成することができます。View Demo |
Slider Images | Sliderに画像を追加し、ドラッグ&ドロップで表示順序を設定できます。 1つのSliderには最低でも7枚の画像が必要です。 |
Slider Direction | Sliderの移動方向をカスタマイズできます。 デフォルトの Normal は右から左への動きで、Reverse を選択すると左から右への逆方向に動きます。View Demo |
Setting
@Layout | スライダーの動きのスタイルを横方向 Horizontal または縦方向 Vertical で選択できます。View Demo |
@Full Breakpoint | スライダーの幅をブラウザウィンドウの幅と同じに設定します。View Demo |
@Smooth | スライダーの最初と最後にスムーズな効果を加えることで、スライダーの動きをより滑らかにします。View Demo |
@Mask | 画像の上にカラーレイヤーを重ねる機能を追加します。これは、MAIN VISUALの「MASK」機能と同様の動作です。 |
@Background Color | スライダーの背景色を設定します。HEXコードやRGBコードを使用できます。 |
@Radius | 画像のコーナー半径を設定します。 |
@Gutter | 画像間の間隔を設定します。 |
@Image Width | 画像の幅を設定します。 画像は16:9の比率で分割されます。 |
@Image Height | 画像の高さを設定します。 |
@Speed Limit | スライダーの移動速度を設定します。 |
@Line Height |
スライダー全体の高さを設定します。 |
Contents
スライダーの上に任意のコンテンツレイヤーを追加できます。View Demo