animation 추가

sungjea713 · Aug 2, 2019 · 8de2dbb · 8de2dbb
1 parent c7a4cee
commit 8de2dbb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/styles/image_position.css b/styles/image_position.css
@@ -46,6 +46,29 @@ body
 
 }
 
+#imgRadarGrid
+{
+    position: absolute;
+    top: 145px;
+    left: 250px;
+
+}
+
+#imgRadarBeam
+{
+    position: absolute;
+    /*top: 145px;
+    left: 250px; */
+    top: 173px;
+    left: 278px;
+    animation: rotateBeam 2s infinite;
+}
+
+@keyframes rotateBeam
+{
+    100% {transform: rotate(720deg);}
+}
+
 #GridProperty
 {
     position: absolute;

diff --git a/test.html b/test.html
@@ -9,6 +9,8 @@
         <div id="IncabinBody"> 
             <div id="RealtimeView">
                 <img id="imgCar" src="images/CAR.png" >
+                <img id="imgRadarBeam" src="images/RADAR_BEAM.png" >
+                <img id="imgRadarGrid" src="images/RADAR_GRID.png" >
             </div>
             <div id="GridProperty">
                 <div id = "GridSubProperty">