{"id":16773173,"url":"https://github.com/javaluo/react-words","last_synced_at":"2025-04-10T20:03:57.275Z","repository":{"id":57347840,"uuid":"112419201","full_name":"javaLuo/react-words","owner":"javaLuo","description":"Text Animate 简单的文字动画组件 - 淡入淡出 - 翻入翻出 - 放大放小什么的","archived":false,"fork":false,"pushed_at":"2018-01-09T09:33:35.000Z","size":68,"stargazers_count":7,"open_issues_count":0,"forks_count":1,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-03-18T13:27:27.553Z","etag":null,"topics":["react"],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/javaLuo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-11-29T03:03:11.000Z","updated_at":"2024-11-19T02:06:51.000Z","dependencies_parsed_at":"2022-08-28T01:40:21.512Z","dependency_job_id":null,"html_url":"https://github.com/javaLuo/react-words","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javaLuo%2Freact-words","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javaLuo%2Freact-words/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javaLuo%2Freact-words/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/javaLuo%2Freact-words/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/javaLuo","download_url":"https://codeload.github.com/javaLuo/react-words/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248287935,"owners_count":21078811,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["react"],"created_at":"2024-10-13T06:44:55.260Z","updated_at":"2025-04-10T20:03:57.234Z","avatar_url":"https://github.com/javaLuo.png","language":"JavaScript","readme":"# react-words\n[![npm](https://img.shields.io/npm/dy/react-words.svg)](https://www.npmjs.com/package/react-words)\n\n一个简单的React文字效果组件\u003cbr/\u003e\nCSS3实现\n\n## 示例图 目前拥有以下几种效果\ntype = 0 淡入淡出：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/1.gif)\u003cbr/\u003e\ntype = 1 大小模糊改变：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/2.gif)\u003cbr/\u003e\ntype = 2 大小改变：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/3.gif)\u003cbr/\u003e\ntype = 3 伸缩：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/4.gif)\u003cbr/\u003e\ntype = 4 上下改变：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/5.gif)\u003cbr/\u003e\ntype = 5 3D翻转：\u003cbr/\u003e ![image](https://github.com/javaLuo/react-words/blob/master/example/assets/6.gif)\u003cbr/\u003e\n\n\n## 1. 安装\n\n````\nnpm install react-words --save\n````\n\n## 2. 使用\n\n````\nimport Words from 'react-words';\n\n \u003cWords\n  show={true/false}     // 必填 控制显示或隐藏 默认false\n  type={0/1/2/3/4/5}    // 选择一种动画效果 默认0\n  speed={300}           // 动画的速度 默认300（毫秒）\n \u003eHello World!\u003c/Words\u003e\n \n````\n\n## 3. 参数\n\n\n````bash\nshow                # boolean 必填 控制显示还是隐藏，true/false，通过改变这个值来触发动画效果\ntype                # number  选择一种动画效果 0/1/2/3/4/5，默认0\nspeed               # number  单个文字的动画执行速度 默认300，单位ms\n\n````\n\n## 4. 说明\n 文字不要太多了，文字越多，执行一次动画所需的时间就越长\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavaluo%2Freact-words","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fjavaluo%2Freact-words","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fjavaluo%2Freact-words/lists"}