Skip to content

Instantly share code, notes, and snippets.

@anandprabhakar0507

anandprabhakar0507/amqgzx.markdown

Created March 14, 2019 23:27
Show Gist options
  • Save anandprabhakar0507/b2ac132c63a9c43c30cd8f4eeb9d7b41 to your computer and use it in GitHub Desktop.
Save anandprabhakar0507/b2ac132c63a9c43c30cd8f4eeb9d7b41 to your computer and use it in GitHub Desktop.
Download ZIP
aMqgZx
Raw
index.html
<div class="space"></div>
Raw
style.css
.space{
/* Pass a comma separated list of backgrounds: */
background:url('https://demo.tutorialzine.com/2013/10/css3-features-you-can-finally-use/assets/img/rocket_big.png') no-repeat center 70px, url('https://demo.tutorialzine.com/2013/10/css3-features-you-can-finally-use/assets/img/space.jpg') no-repeat bottom center;
width:200px;
height:200px;
margin: 0 auto;
border-radius:3px;
/* Animate the positions of both of the backgrounds */
transition:background-position 1s;
}
.space:hover{
/* The same goes for properties like background-position and repeat */
background-position:35% 20px, top right;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment