# How do I create the button effect?

**URL:** https://forum.kirupa.com/t/how-do-i-create-the-button-effect/198673
**Category:** jobs
**Created:** [August 27, 2006, 2:36pm UTC](https://forum.kirupa.com/t/how-do-i-create-the-button-effect/198673 "2006-08-27T14:36:44Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![robdel](https://avatars.discourse-cdn.com/v4/letter/r/ee59a6/32.png) [@robdel](https://forum.kirupa.com/u/robdel)
#### Post date: [August 27, 2006, 2:36pm UTC](https://forum.kirupa.com/t/how-do-i-create-the-button-effect/198673/1 "2006-08-27T14:36:44Z")

</div>

Hi,

I am trying to recreate a button like the one show (below) from [[COLOR=#0000ff]http://www.innocentdrinks.co.uk/[/COLOR]](http://www.innocentdrinks.co.uk/)

I was wondering if someone would kindly recreate an example for me to show me how to make the gif and the coding required so that it moves on a loop  
[![](http://www.innocentdrinks.co.uk/images/menu/drinks.gif)](javascript:ol(‘[http://www.innocentdrinks.co.uk/our\_drinks/](http://www.innocentdrinks.co.uk/our_drinks/)’)😉

Any response would be very greatful.

RD