Jump to content

.London Domains - £4
Photo

CSS Animation - DIV from top:200px to top:0px

css animation div

  • Please log in to reply
No replies to this topic

#1 carloswebtwdf

carloswebtwdf
  • Member
  • Newbie
  • 23 posts

Posted 16 October 2018 - 14:46

Hello there !! I need some help to resolve some doubts in CSS !! If you can help me I will appreciate !!
 
 
See the 'Source Code' from the browser !
 
What am I trying to do ??!!
 
I want that the div element, make move animation, comes from {top:200px} to {top:0px} !!
 
In this example, I found two erros:
 
- First Error: When the div is automatically start moving, if I put my mouse into it, before it´s finished, the div gives a jump directly to the top !! "I 
 
don´t want that" ! I want if I place the mouse pointer until it´s moving, that don´t make the div to jump !! I want that don´t happen nothing if I place the 
 
mouse until is moving!!
 
- Second Error: After the div comes to top, If I put the mouse into it, it´s change the color, made by animation ! But after that, when I put the mouse 
 
pointer out, the div again comes to top:200px and start the movement to the top:0px again !!
What I want is: that the div moves only "one time" and "stops" at top:0px !! And after stop, the change div color mouse over keeps active !!
 
I tried searching in the internet but I didn´t found something that resolve this two problems !!
 
If it is possible, Can you give a hand ??
 
Thanks
Carlos

  • 0





Also tagged with one or more of these keywords: css, animation, div

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users