- This topic is empty.
January 24, 2015 at 3:15 pm #194154
OK, so I have two buttons and only differance is the background different color.
I want the button to ease to the other button image but it wont ease it just switches to the other.
What should I add or remove?
<a href="http://www.URL.com" id="BookBtn"></a>
background: url("imageURL") no-repeat scroll center top transparent;
background: url("imageURL2") no-repeat scroll center top transparent;
}January 24, 2015 at 3:52 pm #194155SenffParticipant
With plain CSS, you can’t ease from one background image to the other.
The simplest thing I can think of, is to have 2 buttons, placed on top of eachother, with the one on top fading out when you hover.January 24, 2015 at 3:58 pm #194156
I tried to do a cross fade but the both images still were visible till I hovered them then one faded out.
Link: Link For What I TriedJanuary 24, 2015 at 4:01 pm #194157Paulie_DModerator
Firstly a link is not a button but this looks like a reasonable place to use a pseudo element like Senff suggested rather than ‘two buttons’.January 24, 2015 at 4:48 pm #194164
Figured it out thanks for the help
- The forum ‘CSS’ is closed to new topics and replies.