Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Process:
- 1. Move last slide item to be the first child of the slider element
- Shown area -------------.
- | |
- <---------- Margin --------->| |
- .----------------------------|---------|-------------------\ \-----.
- | .--------------------|----. | / / |
- | .....|. .-----. .-----. | .--|--. | \ \ |
- | . <-`. | 1 | | 2 | | | (3) | | / / |
- | ....... `-----` `-----` | `-----` | \ \ |
- `----------------------------|---------|-------------------/ /-----`
- `---------`
- Shown area -------------.
- | |
- <---------- Margin --------->| |
- .----------------------------|---------|-------------------\ \-----.
- | | | / / |
- | .-----. .-----. .-----. | | \ \ |
- | | 3 | | 1 | | 2 | | | / / |
- | `-----` `-----` `-----` | | \ \ |
- `----------------------------|---------|-------------------/ /-----`
- `---------`
- 2. With transition(s) disabled, move slider for it to show the last slide item
- .---- 0 margin
- | .------------ Shown area
- . | |
- |\| |
- .-|---------|------------------------------------------------\ \-----.
- | | | / / |
- | | .-----. | .-----. .-----. \ \ |
- | | | 3 | | | 1 | | 2 | / / |
- | | `-----` | `-----` `-----` \ \ |
- `-|---------|------------------------------------------------/ /-----`
- `---------`
- 3. Move, now with transition(s) enabled, to the first slide item
- Margin .------------- Shown area
- <- Whoosh -| |
- | |
- .----------|---------|--------------------------------------\ \-----.
- | | | / / |
- | .-----. | .-----. | .-----. \ \ |
- | | 3 | | | 1 | | | 2 | / / |
- | `-----` | `-----` | `-----` \ \ |
- `----------|---------|--------------------------------------/ /-----`
- `---------`
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement