Skip to content

Instantly share code, notes, and snippets.

/MYzgYg.markdown

Created March 14, 2015 10:19
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save anonymous/3d42e2a2c17586c1d79a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save anonymous/3d42e2a2c17586c1d79a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. @invalid-email-address Anonymous created this gist Mar 14, 2015.
    9 changes: 9 additions & 0 deletions MYzgYg.markdown
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,9 @@
    MYzgYg
    ------


    Forked from [Chris Coyier](http://codepen.io/chriscoyier/)'s Pen [BdhbD](http://codepen.io/chriscoyier/pen/BdhbD/).

    A [Pen](http://codepen.io/anon/pen/MYzgYg) by [Captain Anonymous](http://codepen.io/anon) on [CodePen](http://codepen.io/).

    [License](http://codepen.io/anon/pen/MYzgYg/license).
    3 changes: 3 additions & 0 deletions index.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    <div class="gradient">
    <h1>SpclOps</h1>
    </div>
    36 changes: 36 additions & 0 deletions style.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,36 @@
    div {
    height: 100px;
    background-color: #08088f;
    background-image:
    linear-gradient(
    to right,
    #08088f, blue
    );
    }

    body {
    margin:0;
    padding:0;
    }

    div.gradient {
    margin-top:-21px;
    border-top: 1px solid #000;
    }

    h1 {
    font-family: Arial;
    color: #fff;
    letter-spacing:1px;

    border: 1px inset #fff;
    width: 160px;

    text-align: center;
    background: #08088f;
    padding: 5px 0px;
    border-radius: 5px;

    margin-top: 15px;
    margin-left: 20px;
    }