Skip to content

Instantly share code, notes, and snippets.

@garrows
Created November 11, 2015 23:19
Show Gist options
  • Select an option

  • Save garrows/bacc80c318ae62996fe8 to your computer and use it in GitHub Desktop.

Select an option

Save garrows/bacc80c318ae62996fe8 to your computer and use it in GitHub Desktop.
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
Copy link
Copy Markdown
Author

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

Copy link
Copy Markdown

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