HamburgerIcon:一个简单的汉堡动画

时间:2024-05-31 23:02:26
【文件属性】:

文件名称:HamburgerIcon:一个简单的汉堡动画

文件大小:106KB

文件格式:ZIP

更新时间:2024-05-31 23:02:26

react hamburger-menu reactjs animation JavaScript

汉堡动画 演示: 动画片: 用法普通CSS: 添加./components/Hamburger/style.css以使用动画 创建一个容器

将3
放入其中 将class hamburger-top , hamburger-center和hamburger-bottom分配给内部div 添加样式position: relative对于容器div创建“汉堡包”图标 添加active类以对其进行动画处理。 删除班级以还原位置 添加类loading以对其进行无限动画处理。 删除班级以还原位置 用法React: 将Hamburger组件导入到您的文件中 active添加道具以使汉堡包活跃 添加道具loading以使汉堡包成为加载器 检查App.js以获取用法示例 普通CSS示例: 显示Hamburger Icon < div style =


【文件预览】:
HamburgerIcon-master
----.gitignore(285B)
----README.md(2KB)
----ScreenShots()
--------Image.gif(32KB)
----public()
--------manifest.json(317B)
--------index.html(2KB)
--------favicon.ico(4KB)
----package.json(379B)
----src()
--------components()
--------index.css(232B)
--------registerServiceWorker.js(4KB)
--------index.js(261B)
--------App.js(715B)
----yarn.lock(245KB)

网友评论