Skip to content

Instantly share code, notes, and snippets.

@Endermanbugzjfc
Last active June 12, 2024 19:01
Show Gist options
  • Save Endermanbugzjfc/f75e8d271057877403725f60700a6a2a to your computer and use it in GitHub Desktop.
Save Endermanbugzjfc/f75e8d271057877403725f60700a6a2a to your computer and use it in GitHub Desktop.
A CSS snippet for Obsidian.md
/*
* フィギュア F I G Y U A 手辦
* Unlicense | https://gist.github.com/Endermanbugzjfc/f75e8d271057877403725f60700a6a2a
*
* ATTENTION:
* A person helped me fix that image cannot be scaled but was reluctant
* to merit a credit. Please remember this king of CSS for life.
*/
.cm-editor::after, .markdown-preview-view::after, .canvas-wrapper::after {
background-image: url(https://github.githubassets.com/assets/mona-loading-default-c3c7aad1282f.gif);
width: 100px; /* Set desired width */
height: 80px; /* Set desired height */
right: -10px; /* Distance from the right end */
bottom: 40px; /* Distance from the bottom end */
opacity: 25%; /* Not transparent */
display: block; /* Ensures its visibility, no touchy */
position: fixed; /* Ensures it is stuck to an anchor point, no touchy */
background-repeat: no-repeat; /* Ensures it only displays once, no touchy */
background-size: contain; /* Scales it to fit the element, no touchy */
content: ''; /* Forces the use background image, no touchy */
}
@Endermanbugzjfc
Copy link
Author

image

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