Opacitate avatar

5 participanți

:: ForumGratuit & Web-Design :: Ajutor!Cum fac asta? [Suport] :: Cereri rezolvate!

Opacitate avatarJoi Iun 27, 2013 8:19 pm

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.

Re: Opacitate avatarVin Iun 28, 2013 12:29 am

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);}

Re: Opacitate avatarVin Iun 28, 2013 11:50 am

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.

Re: Opacitate avatarVin Iun 28, 2013 12:04 pm

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 :)