<style>

@keyframes bounce{0%,100%,20%,53%,80%{animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}

@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}

@-moz-keyframes bounce{0%,100%,20%,53%,80%{-moz-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-moz-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-moz-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-moz-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-moz-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-moz-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}

.bounce{

animation-name: bounce;animation-duration: 0.8s;transform-origin:50% 50%;animation-iteration-count: infinite;animation-timing-function: linear;

-moz-animation-name: bounce;-moz-animation-duration: 0.8s;-moz-transform-origin:50% 50%;-moz-animation-iteration-count: infinite;-moz-animation-timing-function: linear;

-webkit-animation-name: bounce;-webkit-animation-duration: 0.8s;-webkit-transform-origin:50% 50%;-webkit-animation-iteration-count: infinite;-webkit-animation-timing-function: linear;

}

</style>

</head>

<div class="bounce">متن یا کد بخش مورد نظر یا عکس</div>