#awan1 {position: fixed; z-index: 0; width:100%; margin-top: 0px; height: 0px;} .awan1 { width: 200px; height: 60px; background: #ffffff; border-radius: 200px; -moz-border-radius: 200px; -webkit-border-radius: 200px; position: relative; } .awan1:before, .awan1:after { content: ''; position: absolute; background: #ffffff; width: 100px; height: 80px; position: absolute; top: -15px; left: 10px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; -webkit-transform: rotate(30deg); transform: rotate(30deg); -moz-transform: rotate(30deg); } .awan1:after { width: 120px; height: 120px; top: -55px; left: auto; right: 15px; } .putih1 { -webkit-animation: moveclouds1 15s linear infinite; -moz-animation: moveclouds1 15s linear infinite; -o-animation: moveclouds1 15s linear infinite; } .putih2 { left: 200px; -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); opacity: 0.6; -webkit-animation: moveclouds1 25s linear infinite; -moz-animation: moveclouds1 25s linear infinite; -o-animation: moveclouds1 25s linear infinite; } .putih3 { left: -250px; top: -200px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds1 20s linear infinite; -moz-animation: moveclouds1 20s linear infinite; -o-animation: moveclouds1 20s linear infinite; } .putih4 { left: 470px; top: -250px; -webkit-transform: scale(0.75); -moz-transform: scale(0.75); transform: scale(0.75); opacity: 0.75; -webkit-animation: moveclouds1 18s linear infinite; -moz-animation: moveclouds1 18s linear infinite; -o-animation: moveclouds1 18s linear infinite; } .putih5 { left: -150px; top: -150px; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); transform: scale(0.8); opacity: 0.8; -webkit-animation: moveclouds1 20s linear infinite; -moz-animation: moveclouds1 20s linear infinite; -o-animation: moveclouds1 20s linear infinite; } @-webkit-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-moz-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;} } @-o-keyframes moveclouds1 { 0% {margin-left: 1000px;} 100% {margin-left: -1000px;}