blob: 9c161fc901a8a2e9f83276a4a4e6639600a8cf70 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
## CSSBox
A simple, pure-CSS Lightbox replacement.
## Why CSSBox?
* Actually lightweight (903b including comments, 607b excluding comments, unminified!)
* Centers the image
* Adds a nice, realistic shadow to the image
* Dims the background
* Completely responsive, works on any screen size
* Has a pretty fade in animation
* Absolutely no JavaScript
## Usage
Upload cssbox.css to your server and add a stylesheet link to it in your CSS.
Add your images like this:
<img class="cssbox_thumb" tabindex=1 src="image_thumbnail.png" /><span class="cssbox_full"><img src="image_full.png" /></span>
When a visitor clicks the tumbnail, the fullsize preview will appear in the
center of the screen.
## Example
An example page is available in the gh-pages branch, or online on [GitHub Pages](https://thelastproject.github.io/CSSBox/).
## License
Creative Commons Zero 1.0
|
