Bouncing-Carousel

KO | EN

gitlite — search

#python #react #typescript #golang #android #machine-learning #nodejs #java #windows #kubernetes #vue #security #mcp #open-source

Bouncing-Carousel

(★ 15)

The bouncing carousel is an experiment with SVG animations technology.

Bouncing-Carousel 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Check this project on [Dribbble](https://dribbble.com/shots/2637299-Carousel).

[![License](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/agilie/Bouncing-Carousel)

# Bouncing carousel

## Introduction

The bouncing carousel is an experiment with SVG animations technology.
Inspired by [Carousel](https://dribbble.com/shots/2637299-Carousel).

Animation, used in the carousel is based on [Animation SMIL](https://developer.mozilla.org/en-US/docs/Web/SVG/SVG_animation_with_SMIL) specification.
All the SVG elements can be stylized using CSS, you can also create animations with CSS, 
but there are such properties in SVG that greatly enhance its capabilities. 
For example, the path attribute has a data set that defines the object's path, 
and this data can not be changed through CSS.

In the councing carousel `<animate>` tag is used, which allows 
to animate SVG without using a cumbersome JS-code, but only by 
:hover pseudoclass on the carousel element.

Visually, the desktop version creates an effect similar to the "pocket".

For the gallery images `png`, `gif` formats are preferred thus formats supporting 
transparency - this will allow the objects in it to look as effective as possible.

Carousel is ideal for the e-commerce focused websites.

## See, how it works (demo)

https://agilie.github.io/Bouncing-Carousel/

## Troubleshooting
Problems? Check the [Issues](https://github.com/agilie/Bouncing-Carousel/issues) block 
to find the solution or create an new issue that we will fix asap. Feel free to contribute.

## Author
This mini-project is open-sourced by [Agilie Team](https://www.agilie.com) <info@agilie.com>

## Contributors
[Tatiana Kushnir](https://github.com/tatiana-kushnir-89)

[Sergey Melashych](https://github.com/SergeyMell)

## Contact us
If you have any questions, suggestions or just need a help with web or mobile development, please email us at <web@agilie.com>. You can ask us anything from basic to complex questions.

We will continue publishing new open-source projects. Stay with us, more updates will follow!

Bouncing-Carousel

Bouncing-Carousel 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Bouncing-Carousel

Bouncing-Carousel 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README