JS Animation and Custom Font Styles
Introduction
This sample shows how to use animation styles, gradient styles, transition styles, and custom font styles in JavaScript.
-
Animation styles: translate, rotate, scale, and combined
-
Gradient styles: linear-gradient and repeating-linear-gradient
-
Transition styles: shared-element, custom, and card
-
Custom font styles: implemented by referencing the .otf font file (The same rule applies to the TTF font.)
Usage
In this sample, there are four buttons on the home screen of your app.
You can touch any of these buttons to access the corresponding style page and view how a style looks. For example, you can touch the Move button on the animation style page to see how a component moves with the defined settings.
Constraints
This sample can only be run on mini-system devices.