https://github.com/allexcd/vertically-centered-element
AngularJS directive to dynamically add absolute position to a targeted element and to position it vertically centered.
https://github.com/allexcd/vertically-centered-element
Last synced: 8 months ago
JSON representation
AngularJS directive to dynamically add absolute position to a targeted element and to position it vertically centered.
- Host: GitHub
- URL: https://github.com/allexcd/vertically-centered-element
- Owner: allexcd
- License: mit
- Created: 2014-04-28T13:07:20.000Z (about 12 years ago)
- Default Branch: master
- Last Pushed: 2014-04-28T13:12:43.000Z (about 12 years ago)
- Last Synced: 2025-05-18T04:16:27.370Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 172 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
vertically-centered-element
===========================
Directive to dynamically add absolute position to a targeted element and to position it vertically centered.
Dependencies
============
To use this directive in your projects, you must include its dependencies. Asumming you already have angular and jquery libraries included in your project, you're going to need the main directive file: VerticallyCenteredElement.js
Usage
=====
Once you've checked that everything is in place, you can use this directive like so:
```html
centered element
```
or
```html
centered element
```
Parameters
==========
centering-animation
It dictates if an animation should be used to vertically center an element. Value should be given in milliseconds.
Demo
====
http://plnkr.co/edit/f0OnoZsiFFcKplUvnNa6?p=info
http://embed.plnkr.co/f0OnoZsiFFcKplUvnNa6/preview