web-scrolling-text
Version:
A lightweight, customizable text animation library for creating smooth scrolling text effects with support for React, Next.js, Angular and vanilla JavaScript
8 lines (7 loc) • 1.36 kB
JavaScript
/**
* ScrollingText-bounce v6.1.5
* build on Wed, 31 Dec 2025 04:31:15 GMT
* (c) 2025 Hardik Naik
* Released under the MIT License.
*/
var t="scrolling-text-bounce-in",e="scrolling-text-bounce-out";!function(t,e){void 0===e&&(e={});var a=e.insertAt;if("undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],o=document.createElement("style");o.type="text/css","top"===a&&r.firstChild?r.insertBefore(o,r.firstChild):r.appendChild(o),o.styleSheet?o.styleSheet.cssText=t:o.appendChild(document.createTextNode(t))}}("@keyframes scrolling-text-bounce-in{0%,50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}60%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}70%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}80%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}90%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes scrolling-text-bounce-out{10%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}25%,27%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}50%,to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}");var a={enterAnimation:t,exitAnimation:e};export{a as default};