没有合适的资源？快使用搜索试试~ 我知道了~

文库首页开发技术其它：hamburger：画布侧边栏组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合-React开发

：hamburger：画布侧边栏组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合-React开发

共80个文件

js：58个

json：5个

gitignore：2个

React

需积分: 44 0 下载量 47 浏览量 2021-05-27 14:39:47 上传评论收藏 472KB ZIP 举报

温馨提示

react-burger-menu使用CSS过渡和SVG路径动画制作的画布侧边栏React组件，其中包含效果和样式的集合。使用Redux？查看redux-burger-menu，以轻松集成react-burger-menu react-burger-menu画布侧边栏React组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合。使用Redux？查看redux-burger-menu，以轻松将react-burger-menu集成到您的项目中。演示和示例实时演示：negomi.github.io/react-burger-menu要在本地构建示例，请运行：npm install npm start然后在浏览器中打开localhost：8000。测试测试套件使用带有jsdom的Mocha，Chai和Sinon。您至少需要点头

资源推荐

资源详情

资源评论

vue-burger-menu::hamburger:画布侧边栏Vue组件-https

汉堡菜单画布侧边栏Vue组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合。演示与范例现场演示-https: 要在本地构建示例，请运行： npm i npm run serve yarn yarn serve 然后在浏览器中打开安装 npm install vue-burger-menu --save yarn add vue-burger-menu 用法项目应作为组件的

格式：zip 资源大小：197.3KB

HamburgerIcon:一个简单的汉堡动画

汉堡动画演示：动画片：用法普通CSS：添加./components/Hamburger/style.css以使用动画创建一个容器<div></div> 将3 <div></div>放入其中将class hamburger-top ， hamburger-center和hamburger-bottom分配给内部div 添加样式position: relative对于容器div创

格式：zip 资源大小：106.1KB

汉堡包图标变形为菜单列表项动画特效

插件描述：这是一款效果非常炫酷的汉堡包图标变形为菜单列表项动画特效. 参考示例：http://www.jq22.com/jquery-info5060

格式：zip 资源大小：40.5KB

Hamburger-Menu:使用HTML和CSS创建汉堡菜单

Hamburger-Menu:使用HTML和CSS创建汉堡菜单

格式：zip 资源大小：1.5KB

DLHamburguerMenu:完全快速编写的“汉堡”侧边栏菜单

DL汉堡包菜单 DLHamburguerMenu是一个完全以迅捷方式编写的“汉堡包”侧边栏菜单控件。它在当前视觉内容（即：当前UINavigationController上方）上显示一个菜单。使用情节提要进行集成很容易。适用于iOS 7+ 结构菜单的工作方式是设置一个名为“ Root”视图的主容器视图控制器，然后插入两个视图控制器，即菜单视图控制器和内容视图控制器。第一个将包含侧边栏菜

格式：zip 资源大小：288.2KB

react-burger-menu：画布侧边栏组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合

React汉堡菜单画布侧边栏React组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合。使用Redux？查看以轻松将react-burger-menu集成到您的项目中。演示与范例现场演示：要在本地构建示例，请首先确保您使用的是Node <11.0.0。然后运行： npm install npm start 然后在浏览器中打开。测验该测试套件使用带有，

格式：zip 资源大小：471.2KB

ember-burger-menu：画布侧边栏组件，其中包含使用CSS过渡的动画和样式的集合

灰烬汉堡菜单画布侧边栏组件，其中包含使用CSS过渡的动画和样式的集合产品特点易于使用和设置画布外菜单混合和匹配许多菜单和菜单项动画滑动手势支持，阈值可更改轻松创建自己的动画安装 ember install ember-burger-menu 萨斯安装ember-burger-menu还应该安装ember-cli-sass并使用以下命令自动在app/styles/app.scss下

格式：zip 资源大小：447.9KB

OffCanvasMenuEffects:一些使用 CSS 过渡和 SVG 路径动画的画布外菜单效果和样式的灵感

画布外菜单效果一些使用 CSS 过渡和 SVG 路径动画的画布外菜单效果和样式的灵感。在您的个人或商业项目中免费集成或构建它。不要“按原样”重新发布、重新分发或出售。在此处阅读更多信息：

格式：zip 资源大小：363.4KB

hamburger-react:React的动画汉堡菜单图标（1.5 KB）:hamburger:

‌ ‌React的动画汉堡菜单图标React的，带有CSS驱动的过渡。创造得尽可能优雅和高性能。这意味着没有JavaScript动画，没有非廉价属性的过渡，并且尺寸很小。安装npm install hamburger-react尺寸使用一个汉堡包时...

格式：zip 资源大小：1.1MB

画布菜单工具插件：Hamburger Menu 1.0

Hamburger Menu 1.0是一款专门针对Unity游戏开发引擎的扩展工具插件，它能够为Scrollrect组件提供更多的功能性改进，从而增强游戏的用户界面交互体验。该插件经过精心设计，能够适应移动设备和鼠标输入，支持多种...

格式：zip 资源大小：375.5KB

Bootstrap3隐藏滑动侧边栏菜单代码.zip

这个"Bootstrap3隐藏滑动侧边栏菜单代码"包含了Bootstrap3的导航条、折叠小部件、汉堡包按钮、CSS3过渡动画和响应式设计等关键知识点，是一个实用的示例，可以帮助开发者快速构建具有专业外观和交互体验的侧边栏菜单...

格式：zip 资源大小：74.4KB

Android 侧边栏滑动。。

4星 · 用户满意度95%

在Android应用开发中，侧边栏（Side Menu）是一种常见的设计模式，用于提供导航和功能选项。"Android 侧边栏滑动"通常指的是在主屏幕或者内容视图的左侧或右侧滑动显示一个菜单栏，这种效果在很多应用中都能看到，...

格式：zip 资源大小：77.6KB

react-hamburger:一个简单易用的React汉堡包

汉堡菜单按钮的React 一个简单易用的React汉堡菜单。安装需要React 16或更高版本 npm i --save @aiherrera/react-hamburger # or yarn add @aiherrera/react-hamburger 演示版您可以在检查所有配置用法 { ...

格式：zip 资源大小：281.4KB

hamburger.js:Bower 组件为桌面和移动应用程序创建左侧菜单抽屉！

汉堡包不，这不是真正的汉堡包。它是一个 CSS3 组件，您可以在您出色的网站中使用它！真的很轻： hamburger.css : 1.75 kB (gzip) hamburger.js : 991 B (gzip) 试试我们的！特征带有图标和文本的部分和完整左侧抽屉带有全屏菜单的完整移动支持与等字体图标！要求没有任何！该插件仅依赖 CSS3 动画和基本 javascri

格式：zip 资源大小：12.1KB

jQuery侧边栏隐藏滑动导航菜单代码.zip

这个菜单以汉堡包图标作为触发器，点击后可以展开或收起侧边栏，同时伴随着平滑的CSS3过渡动画，为用户提供良好的交互体验。首先，我们需要理解jQuery的基本概念。jQuery是一个JavaScript库，它简化了HTML文档遍历...

格式：zip 资源大小：514.8KB

react-hamburger-menu:专为React设计，方便的菜单图标

React Hamburger Menu仅具有两个必需的道具。它们是isOpen和menuClicked 。其他7个道具是可选的。 menuClicked 注意：该道具传递了一个function 。 clicked该组件时将调用此函数。该函数应负责更新传递给isOpen...

格式：zip 资源大小：118.3KB

jQuery侧边栏隐藏滑动导航菜单代码

这个特定的代码实现是通过点击汉堡包按钮来控制侧边栏的显示和隐藏，同时利用CSS3的过渡动画效果来增加用户体验的流畅性。下面将详细讲解这一实现过程中的关键知识点。首先，`jQuery` 是一个广泛使用的JavaScript...

格式：zip 资源大小：508.5KB

react-native-ifood::hamburger: React Native 中的移动应用程序来克隆主要的 iFood 界面

:rocket: 技术世博会组件路线React导航React导航标签React导航堆栈json-server（假 API 服务器）公理使用状态使用效果样式组件矢量图标 MaterialIcons :play_button: 开始安装npm 运行开始 / npm 开始 :oncoming_...

格式：zip 资源大小：308.2KB

android模仿人人客户端侧边栏

5星 · 资源好评率100%

使用`FragmentManager`来管理碎片的生命周期，并调用`drawerLayout.openDrawer()`和`drawerLayout.closeDrawer()`方法来控制侧边栏的显示与隐藏。 5. **监听抽屉滑动**：通过设置`DrawerLayout.DrawerListener`，...

格式：zip 资源大小：4.3MB

react-app-qiankun-main::rocket::rocket: 基于create-react-app，qiankun构建并部署的测试用例（react主应用）Based on create-react-app, qiankun builds and deploys a simple main demo

:dizzy: react-app-qiankun-main 基于create-react-app，qiankun构建并部署的测试用例（react主应用）简体中文 | :rocket: 基于qiankun微前端实战+部署粗略笔记（跳过原理）因业务需要，以下文字纯个人qiankun实战...

格式：zip 资源大小：233.7KB

reactnativehamburger一个reactnative的汉堡包菜单

总之，React Native Hamburger是React Native开发中一个方便的汉堡菜单组件，能够帮助开发者快速构建具有原生感的移动应用导航界面，同时提供了丰富的定制选项，以满足不同项目的需求。在混合移动开发中，这样的组件...

格式：zip 资源大小：110.7KB

谷歌Material design风格隐藏侧边栏特效

总的来说，这个项目展示了如何结合Material Design原则、jQuery库以及CSS动画技术，创建一个富有互动性和视觉吸引力的隐藏侧边栏效果。通过理解这些知识点，开发者可以更好地构建符合Material Design规范的现代Web...

格式：zip 资源大小：40.3KB

html5各种svg元素炫酷弹性动画特效

HTML5是一种强大的网页开发语言，它极大地扩展了网页...同时，由于SVG的矢量特性，这些动画在不同设备和屏幕尺寸上都能保持良好的视觉效果。在实际开发中，开发者可以灵活地借鉴和应用这些特效，为自己的项目增添亮点。

格式：zip 资源大小：339.3KB

Android代码-用 Segment 插件实现了 SVG 菜单按钮动画过渡效果

Demo for the tutorial on how to animate an SVG menu icon based on Tamas Kojo's Dribbble shot hamburger menu and implemented Segment. By Luis Manuel Article on Codrops Demo License Integrate or build .

格式：zip 资源大小：54.5KB

React 的动画汉堡菜单图标 (1.5 KB) :hamburger:

‌‌ React 的动画汉堡菜单图标 React 的汉堡菜单图标，带有 CSS 驱动的转换。旨在尽可能优雅和高性能。这意味着没有 JavaScript 动画，没有非廉价属性的过渡和小尺寸。安装 npm install hamburger-react 大小当使用...

格式：zip 资源大小：1.1MB

ReactNative-Animation-Challenges：React Native中的一系列动画挑战

React Native 动画挑战是针对开发者提升在React Native框架中实现动画技巧的实践项目集合。这个项目涵盖了多个不同类型的动画效果，旨在帮助开发者深入理解React Native的动画系统，并且能够运用到实际应用开发中去...

格式：zip 资源大小：2.2KB

hamburger-basement:React 和 Topcoat 的汉堡包地下室组件

汉堡地下室汉堡包地下室组件，使用。重量“汉堡包地下室”是移动应用程序中的一种常见设计模式，其中带有... 使用 AMD（需要模块react和react-topcoat ）： require(['hamburger-basement'], function(HamburgerBaseme

格式：zip 资源大小：4.8KB

react-tamil-kavithai:泰米尔语SMS博客-随机获取泰米尔语kavithai和泰米尔语行情-使用React构建

卡维泰（Tamil Kavithai） :sun: 泰米尔语SMS博客-随机获得泰米尔语kavithai和泰米尔语行情 :growing_heart: :atom_symbol: React| :high_voltage: 速度 :cloud: 离线| :cloud_with_lightning: PWA特征 :hamburger:...

格式：zip 资源大小：280.2KB

react-lightbox-pack:用于 React 的最小灯箱包 :atom_symbol:

:sparkles: React灯箱包一个轻量级的 NPM 灯箱包，以简单为本。由于它是从零开始构建的，因此不需要任何额外的依赖项即可工作。 :star: 特征从头开始构建 :man_technologist: :high_voltage: 为 React 打造 :atom_...

格式：zip 资源大小：1.3MB

tricons:通用图标-可通过LESS进行自定义-通过CSS过渡从一个变到另一个。受（但不使用）SVG动画图标的启发

受（但未使用）SVG动画图标启发。用法TL; DR; 有关完整示例，请查看src/index.html和src/styles/less/styles.less1.安装凉亭$ bower install -S tricons2.导入tricons mixin @import ' bower_components/tricons/...

格式：zip 资源大小：26.0KB

多旋翼飞行器机构

多旋翼飞行器学习笔记二、机架设计 2.1布局设计 1·机身基本布局 ·交叉型：目前常用的是X字型布局，因为：（1）机动性更强；（2）前视相机的视场角不容易被遮挡。 ·环形： ·与传统交叉型机架相比，其刚性更大； ·可较大程度上避免飞行中机架所产生的振动，增加了机架结构强度； ·但是，增加了机架的重量、转动惯量，灵活性降低。 2·旋翼安装旋翼分为单桨和共轴双桨共轴双桨优点：（1）不增加多旋翼整体尺寸；（2）减少螺旋桨对照相机视场的遮挡；.

微信工具类，基础配置

微信开发的各种工具类，基础配置，超全，还有demo哦！

格式：zip

收起资源包目录

react-burger-menu-main.zip （80个子文件）

react-burger-menu-main

.eslintrc.json 802B

.gitignore 297B

.babelrc 144B

package.json 3KB

package-lock.json 509KB

src

menuFactory.js 14KB

components

CrossIcon.js 2KB

BurgerIcon.js 3KB

menus

slide.js 114B

pushRotate.js 1KB

stack.js 2KB

push.js 982B

bubble.js 6KB

scaleDown.js 666B

fallDown.js 1KB

scaleRotate.js 1KB

elastic.js 3KB

reveal.js 3KB

BurgerMenu.js 411B

helpers

dom.js 1KB

utils.js 62B

snapsvgImporter.js 116B

baseStyles.js 2KB

.travis.yml 34B

gulpfile.js 1KB

dist

react-burger-menu.js 110KB

LICENSE 1KB

.github

stale.yml 2KB

README.md 14KB

example

src

fonts

font-awesome-4.2.0

fonts

fontawesome-webfont.svg 280KB

fontawesome-webfont.eot 55KB

fontawesome-webfont.ttf 110KB

fontawesome-webfont.woff 64KB

css

font-awesome.min.css 21KB

.gitignore 171B

normalize.css 2KB

example.js 6KB

index.html 822B

example.less 5KB

.eslintignore 54B

lib

menuFactory.js 17KB

components

CrossIcon.js 5KB

BurgerIcon.js 6KB

menus

slide.js 400B

pushRotate.js 1KB

stack.js 2KB

push.js 1KB

bubble.js 6KB

scaleDown.js 1021B

fallDown.js 2KB

scaleRotate.js 1KB

elastic.js 3KB

reveal.js 3KB

BurgerMenu.js 533B

helpers

dom.js 2KB

utils.js 188B

snapsvgImporter.js 258B

baseStyles.js 2KB

bower.json 612B

test

.eslintrc.json 80B

baseStyles.spec.js 1KB

fallDown.spec.js 3KB

slide.spec.js 2KB

BurgerIcon.spec.js 6KB

stack.spec.js 2KB

elastic.spec.js 4KB

bubble.spec.js 3KB

utils

createMountedComponent.js 178B

createShallowComponent.js 267B

renderIntoDocument.js 313B

reveal.spec.js 3KB

push.spec.js 3KB

menuFactory.spec.js 29KB

CrossIcon.spec.js 4KB

scaleRotate.spec.js 3KB

pushRotate.spec.js 3KB

scaleDown.spec.js 3KB

BurgerMenu.spec.js 437B

tasks

release.js 351B

.editorconfig 243B

共 80 条

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

Tsy.H

粉丝: 35

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

：hamburger：画布侧边栏组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合-React开发

vue-burger-menu::hamburger:画布侧边栏Vue组件-https

HamburgerIcon:一个简单的汉堡动画

汉堡包图标变形为菜单列表项动画特效

Hamburger-Menu:使用HTML和CSS创建汉堡菜单

DLHamburguerMenu:完全快速编写的“汉堡”侧边栏菜单

react-burger-menu：画布侧边栏组件，具有使用CSS过渡和SVG路径动画的效果和样式的集合

ember-burger-menu：画布侧边栏组件，其中包含使用CSS过渡的动画和样式的集合

OffCanvasMenuEffects:一些使用 CSS 过渡和 SVG 路径动画的画布外菜单效果和样式的灵感

hamburger-react:React的动画汉堡菜单图标（1.5 KB）:hamburger:

画布菜单工具插件：Hamburger Menu 1.0

Bootstrap3隐藏滑动侧边栏菜单代码.zip

Android 侧边栏滑动。。

react-hamburger:一个简单易用的React汉堡包

hamburger.js:Bower 组件为桌面和移动应用程序创建左侧菜单抽屉！

jQuery侧边栏隐藏滑动导航菜单代码.zip

react-hamburger-menu:专为React设计，方便的菜单图标

jQuery侧边栏隐藏滑动导航菜单代码

react-native-ifood::hamburger: React Native 中的移动应用程序来克隆主要的 iFood 界面

android模仿人人客户端侧边栏

react-app-qiankun-main::rocket::rocket: 基于create-react-app，qiankun构建并部署的测试用例（react主应用）Based on create-react-app, qiankun builds and deploys a simple main demo

reactnativehamburger一个reactnative的汉堡包菜单

谷歌Material design风格隐藏侧边栏特效

html5各种svg元素炫酷弹性动画特效

Android代码-用 Segment 插件实现了 SVG 菜单按钮动画过渡效果

React 的动画汉堡菜单图标 (1.5 KB) :hamburger:

ReactNative-Animation-Challenges：React Native中的一系列动画挑战

hamburger-basement:React 和 Topcoat 的汉堡包地下室组件

react-tamil-kavithai:泰米尔语SMS博客-随机获取泰米尔语kavithai和泰米尔语行情-使用React构建

react-lightbox-pack:用于 React 的最小灯箱包 :atom_symbol:

tricons:通用图标-可通过LESS进行自定义-通过CSS过渡从一个变到另一个。 受（但不使用）SVG动画图标的启发

多旋翼飞行器机构

微信工具类，基础配置

最新资源

tricons:通用图标-可通过LESS进行自定义-通过CSS过渡从一个变到另一个。受（但不使用）SVG动画图标的启发