HMI/人机接口>> mongodb-nav>> 返回
项目作者： dfsoeten

项目描述 ：
Runnable Clone of the MongoDB Navbar
高级语言： HTML
项目地址: git://github.com/dfsoeten/mongodb-nav.git
创建时间： 2019-09-11T11:44:07Z
项目社区：https://github.com/dfsoeten/mongodb-nav
开源协议：
下载


MongoDB’s Navbar

The goal of this project was to recreate MongoDB’s NavBar animation. I wouldn’t say I’m 100% successful in this, however the animation without the extra keyframes to add the “wiggle” effect, is pretty close.

Side by side comparison

MongoDB’s original navbar This repo’s implementation

Installation

  1. git clone https://github.com/iamdann/mongodb-nav.git
  2. cd mongodb-nav
  3. npm i
  4. npm run start

A server should be running under localhost:8080.

Implementation

The navbar makes use of some Bootstrap helper classes. Javascript is all completely vanilla 🎉.

Contributing

If you’re willing to improve on what I made here, feel free to fork this repo and add your changes. I’ll gladly review any pull requests.