Skip to content

Instantly share code, notes, and snippets.

@a-x-

a-x-/css-background-gradient-center-line-pattern.css

Last active January 26, 2019 06:31
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save a-x-/3d8c29b1cd0e7c8cf241 to your computer and use it in GitHub Desktop.
Save a-x-/3d8c29b1cd0e7c8cf241 to your computer and use it in GitHub Desktop.
Download ZIP
css background gradient center line pattern — colorzilla.com: http://bit.ly/1KJiA6p
Raw
css-background-gradient-center-line-pattern.css
.horisontal-center-line {
background: linear-gradient(to bottom, rgba(153,153,153,0) 0%,rgba(3,3,3,0) 49%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(229,229,229,0) 100%); /* W3C */
}
@a-x-
Copy link
Author

a-x- commented Sep 29, 2015

or vertical line:

.vertical-center-line {
    background: linear-gradient(to right, rgba(153,153,153,0) 0%,rgba(3,3,3,0) 49%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 51%,rgba(229,229,229,0) 100%); /* W3C */
}

@a-x-
Copy link
Author

a-x- commented Sep 29, 2015

vert. + hor.

.center-lines {
    background: linear-gradient(to bottom, rgba(153,153,153,0) 0%,rgba(3,3,3,0) 49.6%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 50.4%,rgba(229,229,229,0) 100%),
        linear-gradient(to right, rgba(153,153,153,0) 0%,rgba(3,3,3,0) 49.6%,rgba(0,0,0,1) 50%,rgba(5,5,5,0) 50.4%,rgba(229,229,229,0) 100%);
}

@a-x-
Copy link
Author

a-x- commented Sep 29, 2015

and

.safe-border { box-shadow: inset 0 0 0 1px; }

all together:
no nda screen

@a-x-
Copy link
Author

a-x- commented Sep 29, 2015

🌟 Stars, 🔗 Share!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment