# How to do these rollovers?

**URL:** https://forum.kirupa.com/t/how-to-do-these-rollovers/20980
**Category:** Uncategorized
**Created:** [May 15, 2003, 1:12pm UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980 "2003-05-15T13:12:40Z")
**Posts on this page:** 6
**Page:** 1

<div class="post-metadata">

### Author: ![cturner](https://avatars.discourse-cdn.com/v4/letter/c/f04885/32.png) [@cturner](https://forum.kirupa.com/u/cturner)
#### Post date: [May 15, 2003, 1:12pm UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/1 "2003-05-15T13:12:40Z")

</div>

I am wanting to know how to get the rollover effects in these websites [http://www.electrongeek.net/center.html](http://www.electrongeek.net/center.html) and [http://www.freewebs.com/faroutonline/newbutton.html](http://www.freewebs.com/faroutonline/newbutton.html). The flickering and the top buttons’s rollovers in electrongeek and in faroutonline the pictures rollovers.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [May 15, 2003, 1:26pm UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/2 "2003-05-15T13:26:29Z")

</div>

any animation can be created for use in a rollover.

my suggestion would be to start with this tutorial.  
[http://www.kirupa.com/developer/flash5/animatedrollover.htm](http://www.kirupa.com/developer/flash5/animatedrollover.htm)

TD

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [May 15, 2003, 11:53pm UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/3 "2003-05-15T23:53:31Z")

</div>

That doesn’t answer my question and I did know that any animation can be created for use in a rollover.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [May 16, 2003, 12:04am UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/4 "2003-05-16T00:04:08Z")

</div>

Ok, looks like electron used the color mixer with a radial gradient, and choose orange for one end of the spectrum, and then for the other side turn the alpha to 0%. Then he made the circle into a movie clip, and added a script to control the onMouseover fades.

The second one is a combination of the same, a movie clip, then action script to control the shake and have it ease back to the middle of the border.

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [May 16, 2003, 5:42am UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/5 "2003-05-16T05:42:16Z")

</div>

cturner, which rollover are you talking about? I’m confused as to what you guys are talking about here…

---

<div class="post-metadata">

### Author: ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)
#### Post date: [May 16, 2003, 11:38pm UTC](https://forum.kirupa.com/t/how-to-do-these-rollovers/20980/6 "2003-05-16T23:38:16Z")

</div>

I guess the main button after your site loads, the orange ones with the radial alpha fade.
