0 Flares Filament.io 0 Flares ×

Fade & scale

Fade & scale example

Positioned with CSS: Overlays are horizontally and vertically
centered with CSS, without any JavaScript offset calculations,
therefore remain centered even if their height change.
Suitable for responsive web design: Overlays are fully
customizable with CSS and will adapt to any screen size
and orientation. You can set a flexible minimum and maximum
width and height to the overlay, as well as media queries.
Always visible: If the height of the overlay exceeds the
visible area, vertical scrolling will be automatically e
nabled to prevent the off-screen content from being unreachable.
Accessible: Keyboard navigable using Tab key. WAI-ARIA roles are
added automatically if missing. Text resizing or zooming will
not break the layout, visibility, or position of the popup.
Device independent: Works well on desktops, tablets, most
modern phones and other devices. Optimized and tested in
all modern browsers including IE7+, and in new versions
of popular screen readers including JAWS, NVDA, and VoiceOver.
Flexible and customizable: Supports multiple popup instances,
custom CSS3 animations and transitions..

  I accept the licence terms

0 Flares Twitter 0 Nexercise" >Tweet</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>"> Facebook 0 Google+ 0 LinkedIn 0 Email -- Filament.io 0 Flares ×