View Full Version : Transitions in Dreamweaver

Ea Fleischer
11-05-2014, 09:18 AM

I am working on an html-webbanner, and would like the call-to-action button to tone in via a transition.
I have gotten it to work when you hover the mouse over. BUT I just want it to do it without any action from the user.
I have tried to choose transition on: active in stead of hover, but its not working.

My CSS-code is looking like this:

#button {
width: 320,px;
text-align: center;
opacity: 0;
-webkit-transition: all 2s ease-in-out 0s;
-o-transition: all 2s ease-in-out 0s;
transition: all 2s ease-in-out 0s;
#button:hover {
-webkit-opacity: 0;
opacity: 1;

Can anyone help me?

Thanks a lot in advance,

11-06-2014, 01:01 AM
well this might help, i set it in a <p> tag,


.button {
text-align: center; background: #ccc;
opacity: 1;
transition: opacity .95s ease-in-out;
-moz-transition: opacity .95s ease-in-out;
-webkit-transition: opacity .95s ease-in-out;

.button:active { opacity: 0; }
<p class="button">This is my text element that will fade when you hover over it.</p>