Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/2dareis2do/css-cover-flow
https://github.com/2dareis2do/css-cover-flow
Last synced: 26 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/2dareis2do/css-cover-flow
- Owner: 2dareis2do
- License: gpl-2.0
- Created: 2024-03-18T18:14:34.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-03-25T00:50:17.000Z (9 months ago)
- Last Synced: 2024-03-25T01:50:00.839Z (9 months ago)
- Language: HTML
- Size: 76.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pure CSS Responsive "Cover Flow" and Image Slider
Forked from https://codepen.io/bjezyk/pen/rjxgqm
This is a proof of concept that demonstrates using pure css (no js) to create a
"Cover Flow" component or view inspired by Apple's original cover flow
design. https://en.wikipedia.org/wiki/Cover_Flow
# Artwork
Images are provided courtesy of Sandrine Bascouert. All rights reserved.
For more info: https://imaginerie.myportfolio.com/contact
# Using
CSS is generated using SASS compiler e.g.
```
sass scss/style.scss css/style.css
```
The generated CSS is dependent on how many slides you have. Simply modify the
number of `$slider-items` defined in `scss/style.scss`.