Lightbox Ultra

An ultra-modern take on the popular image presentation technique

利用技術: JavaScript, CSS3

  • 閲覧数 607


A version of the popular image presentation technique that utilizes modal dialogs for display. As the name suggests, this package as an ultra-modern reworking that utilises the latest server-side technology.

The style sheet heavily uses CSS3. Properties, functions and pseudo-elements used include calc(), 3d animation, gradients, box-shadows, border-radius, content() and the :focus pseudo-class.

A layer of JavaScript has been added on top. This allows the CSS3 animation to repeat itself. The script also uses the full-screen API as introduced in Firefox 10 so as to give the user a more richer experience.

Also note that the HTML is semantically correct and validates 100%.

About this Demo

ソースをダウンロード 891.28 KB · ZIP ファイル

Browse the Source

このデモは MPL/GPL/LGPL ライセンスの下で公開されています。