# html5show
**Repository Path**: mirrors_sandywalker/html5show
## Basic Information
- **Project Name**: html5show
- **Description**: Cool animate html5 slider creator library!
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-08-19
- **Last Updated**: 2026-05-16
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# html5show
> Cool animation html building library, based on the power of CSS3 animation in modern browsers, it's lightweight,fast, responsive ! it's for both developers and designers, you just need to write simple Html, then left all other things to the library.
It can be used to create **sliders,welcome pages,presentations** etc
Browser compatibility: Chrome,Safari,Firefox,Opera,Edge,ie11(*ie10 will be supported recently*)
##Features
- Fast and Lightweight
- Standard HTML,CSS3 based
- Flexible,responsive
- Support Url hash
- Easy to reuse,customize and extend
##Demo
[html5show demo](http://sandywalker.github.io/html5show/demo)
##Document
[html5show docs](http://sandywalker.github.io/html5show/docs)
## Getting Started
Add stylesheet to the element of your html.
```html
```
Put html5show.js to appropriate place (commonly before the ) of your html.
```html
```
Add a container in which you put the animation pages.
```html
```
Set the container size,make sure position is relative or absolute,set overflow hidden.
```css
/* this is just an example */
#showBox{
width:500px
height:300px;
position: absolute;
overflow: hidden;
}
```
Add animation pages and sprite elements in it,set class:'page' to each page element.
```html
Hello html5show
Amazing
Flexible
Powerful
...
```
Now, let's add some magic , add dataset attributes to the elements which set the showtime and animation.
```html