PC & IT SUPPORT MADE EASY FORUM
Would you like to react to this message? Create an account in a few clicks or log in to continue.

CSS FADE EFFECTS TO FADEIN AN ELEMENT

Go down

CSS FADE EFFECTS TO FADEIN AN ELEMENT Empty CSS FADE EFFECTS TO FADEIN AN ELEMENT

Post by jamied_uk 18th May 2016, 15:32

Code:
#date_time {
  opacity:0;
  transition:opacity 0.5s linear;
background-color:#000099;
bottom:0;
right:0;
}
#date_time.visible {
width:300px;
right:0px;
-moz-transition:all 1.3s ease;
-webkit-transition:all 1.3s ease;
-o-transition:all 1.3s ease;
-ms-transition:all 1.3s ease;
display:block;
visibility: display;
opacity:1;
display:block;
}


Jquery

Code:
$('#date_time').toggleClass('visible');
jamied_uk
jamied_uk
Admin

Posts : 2950
Join date : 2010-05-09
Age : 41
Location : UK

https://jnet.sytes.net

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum