ウエブプレインズ

備忘録

ワークフレーム UIkit ver.1

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つをユーティリティコンポーネントから追加します。

Ken Burns

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

Marker&Tooltip

画像の上に表示できるマーカーアイコンを作成します。ついでにすばらしい見た目のツールチップを簡単に作成できます。

Tagged UIkit

Comments

0 comments so far.

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。