Simple Text Hover Effect - CSS Market

Simple Text Hover Effect

Name: Simple Text Hover Effect
SKU: 332
Availability: InStock

FREE

Make your text interactive with this clean hover effect!

Creator:

Youssef Shaaban Hamdallah

Categories: Animation Buttons Hover Interactive Menu's Tags: colorful minimal modern pure css

Description
Reviews (0)

Description

Make your text interactive with this clean hover effect!

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

Simple Text Hover Effect

Creator:

Live Code Preview

Description

Reviews

Related products

Jumping Button Text Animation

Neumorphic Keyboard

Rolling Button Text Animation

Gradient Box Shadow

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

CSS Market