Skip to content

Instantly share code, notes, and snippets.

@anandprabhakar0507

anandprabhakar0507/amqgzx.markdown

Created March 14, 2019 23:27
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save anandprabhakar0507/b2ac132c63a9c43c30cd8f4eeb9d7b41 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save anandprabhakar0507/b2ac132c63a9c43c30cd8f4eeb9d7b41 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. anandprabhakar0507 created this gist Mar 14, 2019.
    7 changes: 7 additions & 0 deletions amqgzx.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    aMqgZx
    ------


    A [Pen](https://codepen.io/anandprabhakar0507/pen/aMqgZx) by [Anand prabhakar](https://codepen.io/anandprabhakar0507) on [CodePen](https://codepen.io).

    [License](https://codepen.io/anandprabhakar0507/pen/aMqgZx/license).
    1 change: 1 addition & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    <div class="space"></div>
    19 changes: 19 additions & 0 deletions style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,19 @@
    .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;
    }