Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>


Bine a-ti venit pe fraNNNta-Design.
Vezi ultimul index creat de noi <a href="https://frannnta-design.hitforum.ro/t1994-cs-gold-design-remake">Cs Gold Design remake</a>

Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Conectare

Opacitate avatar

power_settings_newConectați-vă pentru a răspunde
5 participanți

descriptionOpacitate avatar EmptyOpacitate avatarJoi Iun 27, 2013 8:19 pm

more_horiz
Salut FD.
Am un cod css,pentru opacitate avatar. Doar că acesta are opacitate când mouse-ul nu este pe el,şi revine la forma iniţială când pun mouse pe el.
Aş vrea să "întoarceţi" codul,avatarul să stea fără opacitate,iar când pun mouse-ul pe el,opacitatea să crească.

Uitaţi şi codul:

Cod:

.user a img {
  opacity: 0.6;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.6s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.6s;
  transition-property: opacity;
  transition-duration: 0.6s;
  filter:alpha(opacity=60);}
.user a img:hover {
  opacity: 1.0;
  filter:alpha(opacity=100);}


Sper că aţi înţeles ce am vrut să zic.
Mulţumesc.

descriptionOpacitate avatar EmptyRe: Opacitate avatarVin Iun 28, 2013 12:29 am

more_horiz
acesta este codul.trebuia la primul cod sa adaugi :hover iar la primul sa stergi :hover :) asa s-au inversat

Cod:

.user a img:hover {
  opacity: 0.6;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.6s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.6s;
  transition-property: opacity;
  transition-duration: 0.6s;
  filter:alpha(opacity=60);}
.user a img{
  opacity: 1.0;
  filter:alpha(opacity=100);}

descriptionOpacitate avatar EmptyRe: Opacitate avatarVin Iun 28, 2013 11:50 am

more_horiz
Mulţumesc mr.franta,dar s-ar putea ca,opacitatea să nu revină dintr-o dată la forma iniţială şi să revină treptat?
Adică opacitatea să nu scadă dintr-odată la 0.

descriptionOpacitate avatar EmptyRe: Opacitate avatarVin Iun 28, 2013 12:04 pm

more_horiz

Cod:


.user a img {
  opacity: 1;
  -webkit-transition: all 0.5s ;
  -moz-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
  -o-transition: all 0.5s ;
  transition: all 0.5s ;
  filter:alpha(opacity=100);}
.user a img:hover{
  -webkit-transition: all 0.5s ;
  -moz-transition: all 0.5s ;
  -ms-transition: all 0.5s ;
  -o-transition: all 0.5s ;
  transition: all 0.5s ;
  opacity: 0.6;
  filter:alpha(opacity=60);}


poftim :)

descriptionOpacitate avatar EmptyRe: Opacitate avatarVin Iun 28, 2013 12:07 pm

more_horiz
Mulţumesc REDLINE.
O zi bună.

descriptionOpacitate avatar EmptyRe: Opacitate avatarVin Iun 28, 2013 1:00 pm

more_horiz
Opacitate avatar 276182321

descriptionOpacitate avatar EmptyRe: Opacitate avatarLun Ian 27, 2014 7:24 pm

more_horiz
Buna ziua,
Deoarece topicul dvs a fost marcat ca si rezolvat voi inchide si arhiva subiectul ! ~> Opacitate avatar Lock-Lock-icon

descriptionOpacitate avatar EmptyRe: Opacitate avatar

more_horiz
privacy_tip Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum
power_settings_newConectați-vă pentru a răspunde