Skip to content

Latest commit

 

History

History
74 lines (44 loc) · 1.43 KB

readme.md

File metadata and controls

74 lines (44 loc) · 1.43 KB
Raw

APP UI: Overlay

A tag that creates an overlay, used to create a visual effect for the user experience.

Examples

Install

Using bower:

bower install app.ui.overlay

Import from github

git pull git://github.com/app-ui/overlay.git master

Usage

  1. Import Web Components' polyfill
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
  1. Import Custom Element:
<link rel="import" href="components/app.ui.overlay">
  1. Start using it!
<ui-overlay></ui-overlay>

Attributes

Here are the options you can use to customiz the overlay:

  • animation (string). Default: "static". Values="static|pulse|fade|random", Define the CSS animation.
  • duration (number). Default: 0. Define the duation of the animation.
  • delay (number). Default: 0. Define a delay before the animation is executed.
  • random (number). Default: 0. Display a random background.

Events

Currently this tag doesn't broadcast any events.

License

Initiated by Makis Tracend ( @tracend )

Distributed through Makesites.org

Mentions

Part of the APP UI components.

License

Released under the MIT License