[gelöst] mit css animiertes objekt lokalisieren

Hi 2 all. Stehe ich auf dem Schlauch oder ist es nicht möglich die aktuelle Position zu ermitteln bei einem durch CSS animierten Objektes.

Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
    <script src="/js_webseite/jquery.js"></script>
<style>
  #info{
  width:25vw;
  height:100px;
  margin:0 auto;
 margin-top:200px;
  border:1px solid red;
}
#hg{
    height:100px;
  width:100px;
    position:absolute;
    top:0px;
    left:0px;
    animation:los 7s linear infinite;
}
  @keyframes los{
    0%,100%{
      position:absolute;
      left:2px;
      top:0px;
    }
    25%{
      position:absolute;
      top:2px;
      left:calc(100% - 100px);
    }
    50%{
      position:absolute;
      top:calc(100% - 100px);
      left:calc(100% - 102px);
    }
    75%{
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX