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.
PC & IT SUPPORT MADE EASY FORUM

https://www.youtube.com/channel/UCXGv7Bzk5TTLG3Q5u9u1ZWA


CSS FADE EFFECTS TO FADEIN AN ELEMENT

PC & IT SUPPORT MADE EASY FORUM :: Web Development

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 : 2951
Join date : 2010-05-09
Age : 41
Location : UK

https://jnet.sytes.net

Back to top Go down

Back to top

- Similar topics

PC & IT SUPPORT MADE EASY FORUM :: Web Development

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