ワークフレーム UIkit ver.1

備忘録

UIkit

Accordion

アイテムのヘッダーをクリックして個別に表示できるアイテムのリストを作成します。

Item 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Item 2

Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor reprehenderit.
Item 3

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat proident.

Origin modifiers

デフォルトでは、スケーリングアニメーションは中心から発生します。この動作を変更するには、.uk-transform-origin- *クラスの1つをユーティリティコンポーネントから追加します。

Bottom Right

Top Center

Bottom Center

Ken Burns

簡単なKen Burnsエフェクトを追加するには、任意の画像に.uk-animation-kenburnsクラスを追加します。ユーティリティーコンポーネントから.uk-animation-reverseまたは.uk-transform-origin- *クラスのいずれかを適用して、エフェクトを変更することもできます。