CSS Market

Welcome to CSS Market!

A curated, high-quality library of ready-to-use Free CSS templates for the web.

New Free CSS Snippets added every week!

Like what we do?

Please consider donating to keep CSS Market running.

Donate

Showing 1–6 of 10 results

Rolling Button Text Animation
FREE

Animate your buttons with this beautiful rolling button text animation!
Neumorphic Collection
FREE

Take your web design to the next level with this Neumorphic CSS Collection!
Download Button Interactive Animation Set
FREE

Animate your download buttons with this beautiful Download Button Interactive Animation Set!
Smoke Button Text Animation
FREE

Animate your buttons with this beautiful smoke button text animation!
Neumorphic Menu Burger
FREE

Make your menu burger button look beautiful with these neumorphic styles!
Show/Hide Password Animation
FREE

Make your password fields stand out with this animation!

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;}

Welcome to CSS Market!

Filter by Category

Filter by Tags

Like what we do?

Rolling Button Text Animation

Neumorphic Collection

Download Button Interactive Animation Set

Smoke Button Text Animation

Neumorphic Menu Burger

Show/Hide Password Animation

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

CSS Market