logo-dw

Go Back   Dreamweaver Club Forums > Dreamweaver forums > Dreamweaver General
Register FAQ Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools Display Modes
Old 11-05-2014, 09:18 AM   #1
Ea Fleischer
 
Join Date: Nov 2014
Posts: 1
Default Transitions in Dreamweaver

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
Ea Fleischer is offline   Reply With Quote
Old 11-06-2014, 01:01 AM   #2
edbr
edbr's Avatar
 
Join Date: Aug 2005
Location: Bali
Posts: 11,164
Default

well this might help, i set it in a <p> tag,

Code:
 <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>
__________________
If you're happy and you know it shake your meds!
different style links examples

Flight / Hotel search
Free script download
Bali Villas
edbr is offline   Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:01 PM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2017, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com