Using a very simple sass function, and CSS animation keyframes, built parallax scrolling stars in space. The sass function creates a random star field on each load.
SASS function: https://coderwall.com/p/nqxusa by Kushagra Gour @chinchang457
Forked from Saransh Sinha's Pen Parallax Star background in CSS.
| # -*- Conf -*- | |
| [color] | |
| branch = auto | |
| diff = auto | |
| status = auto | |
| showbranch = auto | |
| ui = true | |
| # color.branch | |
| # A boolean to enable/disable color in the output of git-branch(1). May be set to always, false (or |
| /* ============================================================================= | |
| CSS Declarations | |
| ========================================================================== */ | |
| /* ==|== The Standard Way =================================================== */ | |
| .foo::before { | |
| /* ...css rules... */ | |
| } |
| "addAlbumMenus", | |
| "addFreeSongs", | |
| "addPlaylistMenus", | |
| "addSongListToCache", | |
| "addSongsToPlaylist", | |
| "addSongToList", | |
| "addSongToList", | |
| "addToAnimation", | |
| "albumDeleted", | |
| "albumDeleted", |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <title>Shape Examples</title> | |
| <link rel="stylesheet" type="text/css" href="style.css"> | |
| </head> | |
| <body> | |
| <svg class="circles" viewBox="0 0 10 5" preserveAspectRatio="xMinYMin meet"> |