Efeito Brilho Ao Passar O Mouse

[Guest - adeilton -]

Será q alguém pode me dizer como faz pra colocar uns efeitos ao passar o mouse sobre uma foto ou botão.. tipo esse do site abaixo..

ESTUDE HTML

o efeito é o q tem nos botões no centro da página..

espero q alguém possa me dar umas dicas..

atéw,,

[Guest - marlosf -]

ai eu acho que este botao e feito em css ,porvai das duvidas ai vai o codigo pra você analisar

BODY {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

DIV {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

TD {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

INPUT {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

SELECT {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

TEXTAREA {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana,arial

}

A:link {

COLOR: #000000; TEXT-DECORATION: none

}

A:active {

COLOR: #000000; TEXT-DECORATION: none

}

A:visited {

COLOR: #000000; TEXT-DECORATION: none

}

A:hover {

COLOR: #000000; TEXT-DECORATION: none

}

.b {

BACKGROUND: #b6cfe4

}

.b2 {

BACKGROUND: #e4ecf2

}

UNKNOWN {

BACKGROUND: #ffffff

}

.b4 {

BACKGROUND: #f0f4f6; WIDTH: 5px; HEIGHT: 14px

}

.b5 {

BACKGROUND: #e5eff2

}

.b6 {

BACKGROUND: #d6e5eb

}

.b7 {

BACKGROUND: #b7cbdc; WIDTH: 3px; HEIGHT: 50px

}

UNKNOWN {

BACKGROUND: #c8daea

}

.b9 {

BACKGROUND: #d5e3ee

}

UNKNOWN {

BACKGROUND: #f9fbfd

}

UNKNOWN {

BACKGROUND: #f6f9fc

}

.b13 {

BACKGROUND: #e5eff2; VERTICAL-ALIGN: bottom

}

UNKNOWN {

BACKGROUND: #d6e5eb; VERTICAL-ALIGN: bottom

}

.b15 {

BACKGROUND: #e4ecf2; HEIGHT: 2px

}

UNKNOWN {

WIDTH: 5px; HEIGHT: 44px

}

UNKNOWN {

WIDTH: 7px; HEIGHT: 7px

}

.t {

COLOR: #25677d; FONT-FAMILY: tahoma,verdana

}

UNKNOWN {

FONT-WEIGHT: bold; COLOR: #25677d

}

UNKNOWN {

FONT-SIZE: 9px; COLOR: #25677d

}

.t3 {

COLOR: #ffffff

}

.t4 {

COLOR: #ff9900

}

UNKNOWN {

FILTER: dropshadow(color=#b8cbdc, offx=2, offy=1)

}

.t5 {

FONT-SIZE: 9px; COLOR: #000000

}

.lk01:link {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk01:visited {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk01:active {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk01:hover {

COLOR: #25677d; TEXT-DECORATION: underline

}

UNKNOWN {

FONT-SIZE: 10px; COLOR: #01516c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk02:hover {

COLOR: #01516c; TEXT-DECORATION: none

}

.lk03:link {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03:visited {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03:active {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03:hover {

COLOR: #4d5b6c; TEXT-DECORATION: underline

}

.lk03r:link {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03r:visited {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03r:active {

FONT-SIZE: 10px; COLOR: #4d5b6c; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk03r:hover {

COLOR: #4d5b6c; TEXT-DECORATION: underline

}

.lk04:link {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk04:visited {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk04:active {

FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk04:hover {

COLOR: #000000; TEXT-DECORATION: underline

}

.lk05:link {

FONT-SIZE: 12px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk05:visited {

FONT-SIZE: 12px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk05:active {

FONT-SIZE: 12px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk05:hover {

TEXT-DECORATION: underline

}

.lk06:link {

FONT-SIZE: 10px; COLOR: #ff9900; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk06:visited {

FONT-SIZE: 10px; COLOR: #ff9900; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk06:active {

FONT-SIZE: 10px; COLOR: #ff9900; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk06:hover {

COLOR: #ff9900; TEXT-DECORATION: underline

}

.lk07:link {

FONT-SIZE: 10px; COLOR: #7ca4c1; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk07:visited {

FONT-SIZE: 10px; COLOR: #7ca4c1; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk07:active {

FONT-SIZE: 10px; COLOR: #7ca4c1; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk07:hover {

COLOR: #7ca4c1; TEXT-DECORATION: underline

}

.lk08:link {

FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk08:visited {

FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk08:hover {

FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk08:active {

FONT-SIZE: 9px; COLOR: #ffffff; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk09:link {

FONT-SIZE: 9px; COLOR: #25677d; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk09:visited {

FONT-SIZE: 9px; COLOR: #25677d; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk09:active {

FONT-SIZE: 9px; COLOR: #25677d; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk09:hover {

COLOR: #25677d; TEXT-DECORATION: underline

}

.lk10:link {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: tahoma,verdana; TEXT-DECORATION: none

}

.lk10:visited {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: tahoma,verdana; TEXT-DECORATION: none

}

.lk10:active {

FONT-SIZE: 9px; COLOR: #25677d; FONT-FAMILY: tahoma,verdana; TEXT-DECORATION: none

}

.lk10:hover {

COLOR: #25677d; TEXT-DECORATION: none

}

.lk11:link {

FONT-SIZE: 9px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk11:visited {

FONT-SIZE: 9px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk11:active {

FONT-SIZE: 9px; COLOR: #ffffff; LINE-HEIGHT: 16px; FONT-FAMILY: verdana; TEXT-DECORATION: none

}

.lk11:hover {

COLOR: #ffffff; TEXT-DECORATION: underline

}

UNKNOWN {

BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px

}

.dv {

POSITION: absolute

}

.tb {

VERTICAL-ALIGN: top

}

E isso ai veja se descubra algo se não me mande um e-mail

marlonsf3@hotmail.com

[Teufel]

eu acho que o botão que ele ta falando é em flash...

basta você colocar um movieclip com a animação do brilho na posição up do botão.

[Guest - adeilton -]

eu acho que o botão que ele ta falando é em flash...

basta você colocar um movieclip com a animação do brilho na posição up do botão.

estou querendo em flash... mas como eu faço para fazer em movieclip.. como eu faço prar colocar o brilho..

ainda podem me ajudar

[André Ruivão]

Isso na verdade não é um btn é um mc com comportamento de btn.

É facil, por exemplo:

1º você tem um mc, que, no frame 1 tem um quadrado bracno ( ou alpha ),

o 5º frma, você tem um quadrado azul;

e no 10º você tem ele novamente branco...

no 1º e 5 º frame deixa stop();

Maravilha, volta pro stage, estancia o MC de btn...

no proprio MC, coloca essa Action:

on(rollover){_root.btn.gotoAndSPlay(2);}

on(rollOut){_root.btn.gotoAndStop(6);}

Essa action, vai fazer vc :

ao rolar o mouse ( rollOver) ele vai mandar a anima desse mesmo MC pro quadro 2, assim ele vai "andar"! até o 5 e parar ( tem um stop(); lá...);

ao retirar o mouse ( rollOut) ele vaiu pro quadro 6...assim ele volta ao normal digamos assim...

Se você fizer como o Teufel disse dá mais ou menos certo, porque no UP ele vai executar a animação que tá ali mas o tirar o mouse ele para a animação de forma seca.

Se mesmo assim você não entender, posta de novo.

André.....

[Guest - Adeilton -]

Isso na verdade não é um btn é um mc com comportamento de btn.

É facil, por exemplo:

1º você tem um mc, que, no frame 1 tem um quadrado bracno ( ou alpha ),

o 5º frma, você tem um quadrado azul;

e no 10º você tem ele novamente branco...

no 1º e 5 º frame deixa stop();

Maravilha, volta pro stage, estancia o MC de btn...

no proprio MC, coloca essa Action:

on(rollover){_root.btn.gotoAndSPlay(2);}

on(rollOut){_root.btn.gotoAndStop(6);}

Essa action, vai fazer vc :

ao rolar o mouse ( rollOver) ele vai mandar a anima desse mesmo MC pro quadro 2, assim ele vai "andar"! até o 5 e parar ( tem um stop(); lá...);

ao retirar o mouse ( rollOut) ele vaiu pro quadro 6...assim ele volta ao normal digamos assim...

Se você fizer como o Teufel disse dá mais ou menos certo, porque no UP ele vai executar a animação que tá ali mas o tirar o mouse ele para a animação de forma seca.

Se mesmo assim você não entender, posta de novo.

André.....

é.. mesmo depois de você colocar um mine-tutorial .. eu não conseguir fazer..

Será que você poderia montar um exemplo pra mim.. e enviar no meio e-mail..

adeiltontur@ligbr.com.br

se não for pedir d + claro...

estou precisando por que eu estou tentando montar uma apresentação tipo essa unefab.. e só falta os efeitos de brilho.. quero coloca-lo nas fotos...

até,,

[André Ruivão]

monto sim, sem problema, você vai ver que é facil.

AQUI tem um link de uma video aula, facinho facinho, feita pelo VAQUEIRO.

mas mesmo assim te mando um exemplo pra você ver.

Até mais !

André......

[Guest - adeilton -]

monto sim, sem problema, você vai ver que é facil.

AQUI tem um link de uma video aula, facinho facinho, feita pelo VAQUEIRO.

mas mesmo assim te mando um exemplo pra você ver.

Até mais !

André......

ai.. tudo ok..

consegui fazer o efeito..

muito grato.. andré...

valeu as dicas foram.. essencias...

grato pela boa vontade tbém..

o site que você indicou é muito bom... a video aula foi 10

até...