En poursuivant votre navigation sur le site, vous acceptez l’utilisation de cookies pour : [vous identifier / personnaliser votre expérience]. Cliquez ici Pour en savoir plus.

Script CSS : Balle rebondissante

...

ConnexionSe connecterInscriptionS'inscrire
Script mis à jour le 16/12/14

Description du script CSS :

Animation deballe rebondissante en CSS3

Droits d'utilisations de ce script CSS :

Je peux revendre ce script
Je peux l'utiliser plusieurs fois
Je peux l'utiliser pour mes clients
Je peux modifier ce script
Je dois citer l'auteur du script
<div></div>/*CSS*/html {  background-color: #303040;}div {  margin: 2rem auto;  background-color: skyBlue;  width: 100px;  height: 100px;  border-radius: 100%;  animation: .75s bounce infinite;}html:hover div {  animation-play-state: paused;}@keyframes bounce {  0% {    transform: none;    animation-timing-function: cubic-bezier(.78,.01,.83,.67);    box-shadow: none;  }    25%, 45% {    width: 90px;    height: 110px;    box-shadow: 0 -5px 3px skyblue, 0 -6px 6px skyblue;  }    50% {    width: 90px;    height: 110px;    transform: translateY(350px);    filter: blur(2px);    box-shadow: none;  }    55% {    transform: translateY(360px);    width: 110px;    height: 90px;    box-shadow: -5px 0px 3px skyblue, 5px 0px 3px skyblue;  }    75% {    width: 90px;    height: 110px;    box-shadow: 0 5px 3px skyblue, 0 6px 6px skyblue;  }    100% {    transform: none;    animation-timing-function: ease-in;    box-shadow: none;  }}

Copier/Coller le code et modifiez les valeurs pour les accomoder à votre projet

16/12/14 : Première version du script

Questions posées fréquemment
Vous trouverez un bouton "signaler" en haut à droite de cette fiche pour avertir le créateur d'un problème.
Demande de support

Vous rencontrez une difficulté ou avez besoin d'informations supplémentaires sur le script ? N'hésitez pas à contacter l'auteur en cliquant sur le bouton ci-dessous :

GwenWeb

Inscrit le : 24 Septembre 2014

Intérêt : non-renseigné

Voir son profil >>

Nombre de visites du script : 1195

Moyenne de visites des scripts : 13


Prix de vente moyen d'un script : 3 euros

// Commentaires sur ce script CSS :

Veuillez vous inscrire et/ou vous connecter pour laisser un commentaire

Il n'y a pas encore de commentaire sur ce script.
Essayez-le et soyez le premier à laisser votre avis !

Basile : Mascotte chez 1script.frSITE EN TEST PUBLIQUE :
Bonjour, je vous rappelle que le site est en phase de test. En savoir plus ?
Script par GwenWeb
Autres scripts du même membre GRATUIT

PARTAGER CE SCRIPT

Twitter Facebook Google Plus Linkedin email

SECTIONS / CATEGORIES

NEWSLETTER : S'ABONNER

BASIL VOUS EXPLIQUE TOUT

Découvrez 1script.fr en vidéo

SUIVEZ 1SCRIPT.FR

ACCÈS