Search
 
SCRIPT & CODE EXAMPLE
 

CSS

moving cloud by css

#sky {
	overflow: hidden;
}
#clouds {
	width: 200%;
	height: 400px;
	background-image: url('pic.jpg');
	background-size: cover;
	-webkit-animation: movingclouds 25s linear infinite;
	-moz-animation: movingclouds 25s linear infinite;
	-o-animation: movingclouds 25s linear infinite;
}
@keyframes movingclouds {
	0% {margin-left: 0%;}
	100% {margin-left: -100%;}
}
Comment

PREVIOUS NEXT
Code Example
Css :: debordement de texte css 
Css :: how to make the position of a div always stay while scrolling 
Css :: stop mysqld.exe cmd 
Css :: wpforms button style 
Css :: hover effects css 
Css :: divs overlapping on mobile landscape 
Css :: selectors in css 
Css :: set custom cursor 
Css :: offsetx and offsety in css 
Css :: css slick js load slider jump 
Css :: css color word multiple colors 
Css :: fade div 
Css :: Deployer custom Options 
Css :: css class selector 
Css :: Build a Responsive Real World Website From Scratch HTML CSS 
Css :: Responsive Web Design - Frameworks 
Css :: css custom cursor form image 
Css :: add css to django 
Css :: animations css 
Css :: background image animation css codepen 
Css :: css variables not working 
Css :: order CSS properties 
Css :: how to render css in flask 
Css :: gradient 
Css :: move div up and down infinite 
Css :: select tag text align center 
Css :: css horror fonts 
Css :: ecto generator create new mvc 
Css :: cabin font download 
Css :: css alfred 
ADD CONTENT
Topic
Content
Source link
Name
7+3 =