{"repo":"amarinediary/Vanilla-JS-Pages-Transition-Loader","free":true,"listed":false,"github":"https://github.com/amarinediary/Vanilla-JS-Pages-Transition-Loader","clone":"git clone https://github.com/amarinediary/Vanilla-JS-Pages-Transition-Loader.git","description":"A simple and minimalistic, VanillaJS, standalone, pages transition loader, minified in a 1.31 kilobytes, one-line of code.","language":null,"stars":18,"topics":["loader","page-loader","page-loading","loading-animations","page-transitions","transition","page-fade","page-animation","javascript","loading"],"license":"CC0-1.0","category":"saas-starters-boilerplates","readme_excerpt":"Vanilla JS Pages Transition Loader A simple and minimalistic, VanillaJS, standalone, pages transition loader, minified in a 1.31 kilobytes, one-line of code. Fundamentals - Generate a element appended to the element, containing any required styling. - Generate a element, acting as overlay, prepended to the element. - Generate a element, acting as loader, prepended to the previously generated element. - On window.onload self generated elements are automatically removed. Demo Ex. Loader 1 Ex. Loader 2 Ex. Loader 3 - - - Quick start to enable it, place the following script near the end of your pages, right before the closing tag. Settings Option Description - - backgroundColor Refer to MDN Web Docs color for acceptable values. The background-color CSS property sets the background color of an element. Default to Wordpress deep blue accent #2774ab filterBrightness number or percentage. The brightness of the svg loader element (brightness() CSS function)). A value under 100% darkens the loader, while a value over 100% brightens it. The lacuna value for interpolation is 1 . Default to 2 . strokeWidth Positive integer . Loader stroke's width. The stroke-width attribute is a presentation attribute defining the width of the stroke to be applied to the shape. Default to 10 . timeOnScreen Positive integer . The time on screen is appended to the page loading time. Default to 100 milliseconds. Watch it, Star it, Fork it ! We made your day? Give us a star!","default_branch":null,"files":null,"tree":[],"storefront":"/r/amarinediary","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/amarinediary/Vanilla-JS-Pages-Transition-Loader/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}