MaxInterview - move div to right side css

showing results for - "move div to right side css"

23 Apr 2017

1<!DOCTYPE html>
2<html>
3<head>
4   <style>
5	.div1{
6	    animation-name: moveRight;
7	    animation-duration: 5s;
8	    animation-iteration-count: infinite;
9	}
10	.div2{
11	    animation-name: moveRight;
12	    animation-duration: 8s;
13	    animation-iteration-count: infinite;
14	}
15	div{
16        position: relative;
17	    width: 100px;
18	    height: 100px;
19	    background: yellow;
20	    border-radius: 50%;
21	    border: 5px solid red;
22	}
23	@keyframes moveRight{
24	    from{
25	        left: 0px;
26	    }
27	    to{
28	        left: 200px;
29	    }
30	}
31   </style>
32</head>
33<body>
34	<h1>animation-duration: 5s</h1>
35	<div class="div1"></div>
36	
37	<h1>animation-duration: 10s</h1>
38	<div class="div2"></div>
39    
40</body>
41</html>

source

move div to right side css

Solutions on MaxInterview for move div to right side css by the best coders in the world