From bdbf8f67a85f8c56d749c473ab089df75ac061c6 Mon Sep 17 00:00:00 2001 From: wangli325 Date: Fri, 9 Jul 2021 16:07:29 +0800 Subject: [PATCH] add english readme Signed-off-by: wangli325 --- UI/JsAnimationStyle/README.md | 24 ++++++++++++++++++++++++ 1 file changed, 24 insertions(+) create mode 100644 UI/JsAnimationStyle/README.md diff --git a/UI/JsAnimationStyle/README.md b/UI/JsAnimationStyle/README.md new file mode 100644 index 0000000000..2c475cf692 --- /dev/null +++ b/UI/JsAnimationStyle/README.md @@ -0,0 +1,24 @@ +# 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. + +1. Animation styles: translate, rotate, scale, and combined + +2. Gradient styles: linear-gradient and repeating-linear-gradient + +3. Transition styles: shared-element, custom, and card + +4. 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. + -- Gitee