Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Atom Custom Background
.panes::after {
content: "";
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
pointer-events: none;
background: url("https://source.unsplash.com/random");
// background: url("https://source.unsplash.com/category/nature"); //Nature category
// background: url("http://thecatapi.com/api/images/get?format=src&size=full&type=jpg,png"); //Cats
background-size: cover;
opacity: 0.2;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
@garrows

This comment has been minimized.

Copy link
Owner Author

@garrows garrows commented Nov 11, 2015

To use this, open Atom.io and select "Open Your Stylesheet" and paste the above at the bottom.
You should see a random background pic show up after saving.
screenshot

@ghost

This comment has been minimized.

Copy link

@ghost ghost commented Mar 25, 2016

That's awesome :)

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