Topics started by jaimote

1 Topic

J
jaimote
posted in Uncategorized

Delay in bounce effect

Hi there! I’m trying to add some bounce effect to mi home down arrow (see more). Here’s my website: www.metal-horns.co I’m ok with the infinite loop, but I would like the animation to add some delay between one bounce and the next one. Unfortunately, I have NO IDEA about css… Can anybody help? Here’s the code I used: /* BOUNCE */ .see-more { -webkit-animation-name: bounce; -moz-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } .see-more {-webkit-animation-fill-mode:both; -moz-animation-fill-mode:both; -ms-animation-fill-mode:both; -o-animation-fill-mode:both; animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-fill-mode:both; -webkit-animation-duration:1.2s; -moz-animation-duration:1.2s; -ms-animation-duration:1.2s; -o-animation-duration:1.2s; animation-duration:1.2s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0

0
J
5 years ago

Badge winners

Show all badges
Terms & ConditionsCookie settings