Created
November 15, 2015 04:17
-
-
Save amad/027069de13d280f4cfd3 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.home .clouds,.home .clouds2 { | |
background:url("https://assets.litmuscdn.com/images/next/index/cloud.svg"); | |
position:absolute; | |
z-index:1; | |
width:2000px; | |
-webkit-animation:clouds 60s linear infinite; | |
-moz-animation:clouds 60s linear infinite; | |
-o-animation:clouds 60s linear infinite; | |
opacity:0.15; | |
height:345px; | |
-webkit-transform:translateX(-100%); | |
-moz-transform:translateX(-100%); | |
-ms-transform:translateX(-100%); | |
-o-transform:translateX(-100%); | |
transform:translateX(-100%); | |
top:190px; | |
top:11.875rem | |
} | |
.home .clouds2 { | |
-webkit-animation-delay:30s; | |
animation-delay:30s | |
} | |
@keyframes clouds { | |
0% { | |
-webkit-transform:translateX(-100%); | |
-moz-transform:translateX(-100%); | |
-ms-transform:translateX(-100%); | |
-o-transform:translateX(-100%); | |
transform:translateX(-100%); | |
display:block | |
} | |
100% { | |
-webkit-transform:translateX(100%); | |
-moz-transform:translateX(100%); | |
-ms-transform:translateX(100%); | |
-o-transform:translateX(100%); | |
transform:translateX(100%) | |
} | |
} | |
@-webkit-keyframes clouds { | |
0% { | |
-webkit-transform:translateX(-100%); | |
-moz-transform:translateX(-100%); | |
-ms-transform:translateX(-100%); | |
-o-transform:translateX(-100%); | |
transform:translateX(-100%); | |
display:block | |
} | |
100% { | |
-webkit-transform:translateX(100%); | |
-moz-transform:translateX(100%); | |
-ms-transform:translateX(100%); | |
-o-transform:translateX(100%); | |
transform:translateX(100%) | |
} | |
} | |
@-moz-keyframes clouds { | |
0% { | |
-webkit-transform:translateX(-100%); | |
-moz-transform:translateX(-100%); | |
-ms-transform:translateX(-100%); | |
-o-transform:translateX(-100%); | |
transform:translateX(-100%); | |
display:block | |
} | |
100% { | |
-webkit-transform:translateX(100%); | |
-moz-transform:translateX(100%); | |
-ms-transform:translateX(100%); | |
-o-transform:translateX(100%); | |
transform:translateX(100%) | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment