asdfasd

mail@pastecode.io avatar
unknown
css
2 years ago
1.5 kB
1
Indexable
Never
@keyframes fonass {
	from {
		background-image: url("https://www.fabsedu.com/wp-content/uploads/2017/03/blue-ocean.jpg");
	}
	to {
		background-image: url("http://www.musictruth.com/wp-content/uploads/2016/11/sunset.jpg");
	}
}/* CSS files add styling rules to your content */

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
    font-family: 'Work Sans', sans-serif;
    letter-spacing: .075em;
}
body {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto;
}


#fonas {
  width: 100%;
  height: 100%;
  position: fixed;
	background-image: url("https://www.fabsedu.com/wp-content/uploads/2017/03/blue-ocean.jpg");
  background-size: cover;
  animation-name: fonass;
	animation-duration: 10s;
}
#saule {
  width: 75px;
  height: 75px;
  border-radius:50%;
  background-color:yellow;
  margin-left:5%;
  margin-top:15%;
  animation-name:sunset;
  animation-duration:10s;
}

@keyframes sunset {
    from {
        margin-left:5%;
        margin-top:15%;
        opacity:1;
        transform:scale(1.5);
    }
    
    to {
        margin-left:80%;
        margin-top:40%;
        opacity:0;
        transform:scale(0.5);
    }
}

#laivas{
  width:300px;
  height:300px;
  background-image: url("https://openclipart.org/download/240535/Red-sail-boat-01.svg");
  background-size: 300px 300px;
  animation-name:sink;
  animation-duration:10s;
  
}

@keyframes sink {
    from {
        
    }

    to {

    }
    
}