Bouncing Sliced Text Loading Animation - CSS Market

Bouncing Sliced Text Loading Animation

Name: Bouncing Sliced Text Loading Animation
SKU: 322
Availability: InStock

FREE

Make your loading animation clean and beautiful with this loading animation!

Creator:

Jonas Sandstedt

Categories: Animation Loading Tags: colorful loading minimal modern pure css

Description
Reviews (0)

Description

Make your loading animation clean and beautiful with this loading animation!

Download contains .ZIP file with CSS, HTML, JS (if applicable) & Instructions.

You can use this code however you like.

Reviews

There are no reviews yet.

Only logged in customers who have purchased this product may leave a review.

CSS Market

.woocommerce form .form-row .required{visibility:visible;}.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus):first-letter,.wp-block-button.is-style-outline,a{color:#cd2653;}blockquote,.border-color-accent,.border-color-accent-hover:hover,.border-color-accent-hover:focus{border-color:#cd2653;}button,.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link{background-color:#cd2653;}.fill-children-accent,.fill-children-accent *{fill:#cd2653;}body,.entry-title a,:root .has-primary-color{color:#000;}:root .has-primary-background-color{background-color:#000;}cite,figcaption,.wp-caption-text,.post-meta,.entry-content .wp-block-archives li,.entry-content .wp-block-categories li,.entry-content .wp-block-latest-posts li,.wp-block-latest-comments__comment-date,.wp-block-latest-posts__post-date,.wp-block-embed figcaption,.wp-block-image figcaption,.wp-block-pullquote cite,.comment-metadata,.comment-respond .comment-notes,.comment-respond .logged-in-as,.pagination .dots,.entry-content hr:not(.has-background),hr.styled-separator,:root .has-secondary-color{color:#6d6d6d;}:root .has-secondary-background-color{background-color:#6d6d6d;}pre,fieldset,input,textarea,table,table *,hr{border-color:#dcd7ca;}caption,code,code,kbd,samp,.wp-block-table.is-style-stripes tbody tr:nth-child(odd),:root .has-subtle-background-background-color{background-color:#dcd7ca;}.wp-block-table.is-style-stripes{border-bottom-color:#dcd7ca;}.wp-block-latest-posts.is-grid li{border-top-color:#dcd7ca;}:root .has-subtle-background-color{color:#dcd7ca;}body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a,.footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote:before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover{color:#df3461;}.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"]{background-color:#df3461;}.social-icons a,body:not(.overlay-header) .primary-menu ul,.header-footer-group button,.header-footer-group .button,.header-footer-group .faux-button,.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link,.header-footer-group .wp-block-file__button,.header-footer-group input[type="button"],.header-footer-group input[type="reset"],.header-footer-group input[type="submit"]{color:#0a0a0a;}#site-header,.footer-nav-widgets-wrapper,#site-footer,.menu-modal,.menu-modal-inner,.search-modal-inner,.archive-header,.singular .entry-header,.singular .featured-media:before,.wp-block-pullquote:before{background-color:#0a0a0a;}.header-footer-group,body:not(.overlay-header) #site-header .toggle,.menu-modal .toggle{color:#fff;}body:not(.overlay-header) .primary-menu ul{background-color:#fff;}body:not(.overlay-header) .primary-menu > li > ul:after{border-bottom-color:#fff;}body:not(.overlay-header) .primary-menu ul ul:after{border-left-color:#fff;}.site-description,body:not(.overlay-header) .toggle-inner .toggle-text,.widget .post-date,.widget .rss-date,.widget_archive li,.widget_categories li,.widget cite,.widget_pages li,.widget_meta li,.widget_nav_menu li,.powered-by-wordpress,.to-the-top,.singular .entry-header .post-meta,.singular:not(.overlay-header) .entry-header .post-meta a{color:#828282;}.header-footer-group pre,.header-footer-group fieldset,.header-footer-group input,.header-footer-group textarea,.header-footer-group table,.header-footer-group table *,.footer-nav-widgets-wrapper,#site-footer,.menu-modal nav *,.footer-widgets-outer-wrapper,.footer-top{border-color:#2b2b2b;}.header-footer-group table caption,body:not(.overlay-header) .header-inner .toggle-wrapper::before{background-color:#2b2b2b;}body.custom-background{background-color:#fff;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:300;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagit_7KufXHv8.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:300;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagit_7KWfXA.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:400;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4ml1n92AsfhuCq6tVsaio5d-Zq-.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:400;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4ml1n92AsfhuCq6tVsaioBd-Q.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:700;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagjt47KufXHv8.woff2") format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;}@font-face{font-family:"Kumbh Sans";font-style:normal;font-weight:700;font-display:swap;src:url("//fonts.gstatic.com/s/kumbhsans/v1/c4mm1n92AsfhuCq6tVsagjt47KWfXA.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}html,body{font-family:"Kumbh Sans",sans-serif;}.woocommerce-terms-and-conditions-checkbox-text{font-family:"Kumbh Sans",sans-serif;}*:hover{transition:all .2s ease-in-out;}.header-titles{margin-right:10rem;}.menu-item{font-weight:800;color:royalblue;overflow:hidden;background:linear-gradient(to right,#0bea86,#0bea86 50%,white 50%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 100%;background-position:100%;transition:background-position 275ms ease;text-decoration:none;}.menu-item:hover{background-position:0 100%;}.woocommerce-product-search{display:-webkit-box;}.site-logo{max-width:200px;}.search-field{background-color:transparent !important;border:none !important;border-bottom:2px solid white !important;color:white;font-family:"Kumbh Sans",sans-serif;font-weight:800;transition:all .2s ease-in-out;}.site-description{margin-top:14px !important;color:white;opacity:.7;}.toggle-text{display:none;}.woocommerce-products-header__title{display:none;}ul .product{padding:20px;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.55rem;}.fa{font-size:25px;}ul .product .button,ul .product a h2,.price{margin-left:20px !important;}ul .product .button{margin-bottom:20px;width:calc(100% - 40px);}select{padding:1.3rem 1.3rem;border:1px solid rgba(195,195,195,.3) !important;border-radius:.45rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-align:center;vertical-align:middle;font-size:1.5rem;font-family:"Kumbh Sans",sans-serif;color:#6c757d;}select *{color:#6c757d;border-radius:10px;margin:10px;}select:hover{cursor:pointer;}.powered-by-wordpress{display:none;}.post-comment-link{display:none !important;}@media (min-width: 700px){.section-inner{width:calc(100% - 16rem);}}#header-widget-area > div > form > button{border-bottom-left-radius:0px;border-top-left-radius:0px;}#header-widget-area > div > form > button:hover{background-color:#09c36f;}button:not(.toggle),.button,.faux-button,.wp-block-button__link,.wp-block-file .wp-block-file__button,input[type="button"],input[type="reset"],input[type="submit"],.bg-accent,.bg-accent-hover:hover,.bg-accent-hover:focus,:root .has-accent-background-color,.comment-reply-link{background-color:#0bea86;transition:all .2s ease;border-radius:4px;}.button:hover{background-color:#09c36f;transition:all .2s ease;}.social-icons a,#site-footer button:not(.toggle),#site-footer .button,#site-footer .faux-button,#site-footer .wp-block-button__link,#site-footer .wp-block-file__button,#site-footer input[type="button"],#site-footer input[type="reset"],#site-footer input[type="submit"]{background-color:#0bea86;color:white;}body:not(.overlay-header) .primary-menu > li > a,body:not(.overlay-header) .primary-menu > li > .icon,.modal-menu a,.footer-menu a,.footer-widgets a,#site-footer .wp-block-button.is-style-outline,.wp-block-pullquote::before,.singular:not(.overlay-header) .entry-header a,.archive-header a,.header-footer-group .color-accent,.header-footer-group .color-accent-hover:hover{color:white;}.color-accent,.color-accent-hover:hover,.color-accent-hover:focus,:root .has-accent-color,.has-drop-cap:not(:focus)::first-letter,.wp-block-button.is-style-outline,a{color:#0bea86;}

Bouncing Sliced Text Loading Animation

Creator:

Live Code Preview

CSS Market CSS Market CSS Market CSS Market CSS Market CSS Market

Description

Reviews

Related products

Normal Red/Green Toggle

Heart Toggle Switch

Rolling Button Text Animation

Neumorphic Choice List

CSS Market CSS Market CSS Market CSS Market CSS Market CSS Market

CSS Market

CSS Market