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

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?

Download Button Interactive Animation Set

Neumorphic Collection

Rolling Button Text Animation

Show/Hide Password Animation

Emoji Bar

Smoke Button Text Animation

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

CSS Market