PDA

View Full Version : Transitions in Dreamweaver


Ea Fleischer
11-05-2014, 10:18 AM
Hi

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,
Ea

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

<html>
<head>
<title></title>
<style>

.button {
width:320px;
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; }
</style>
</head>
<body>
<p class="button">This is my text element that will fade when you hover over it.</p>
</body>
</html>