Two Cool CSS Effects
#11
(2013-04-17, 07:02 AM)ALUXi33 Wrote: Is there anyway I can change it so the logo gets lighter when I hover over it, instead of the other way around?

Replied to your support thread.
Reply
#12
Can I see the demo?
Reply
#13
The logo at my site. Both applied.
Reply
#14
This user has been denied support. This user has been denied support.
(2013-04-17, 07:02 AM)ALUXi33 Wrote: Is there anyway I can change it so the logo gets lighter when I hover over it, instead of the other way around?

Yeah:

.myimg:hover {

opacity: 0.7;

}
Reply
#15
The hover opacity seems to not be working for some reason?

http://edmcentral.net/index.php

Edit:
Also the 2nd effect has never worked for me.
Reply
#16
I used this effect for two objects on my forum, main logo and 'back to top arrow' on my footer. When I change one the other does the same. Is their a way to seperate them so when I change one the other doesn't change as well?

}

#fadehover img {
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

#fadehover img:hover {
opacity: .3;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

.repbutton {
color: white !important;
}

.postbit_content_classic {
  -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #D0D0D0; /* -moz-use-text-color #D0D0D0 #D0D0D0; */
    border-image: none;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
}



#fadehover img {
opacity: 1;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

#fadehover img:hover{
opacity: .3;
-webkit-transition: opacity 500ms ease-out;
-o-transition: opacity 500ms ease-out;
-moz-transition: opacity 500ms ease-out;
transition: opacity 500ms ease-out;
}

Reply
#17
^^ Use separate classes.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)