Links and Bookmarks

CSS Selectors Reference

Can I use... Support tables for HTML5, CSS3, etc

Website Read-only link

CSS Codes

Navlink Interaction

/* Navbar Underline Interaction */
.nav_link-wrapper:hover .nav_link-underline {
    width: 100%;
}

.nav_link.w--current~.nav_link-underline {
    width: 100%;
}

Tab Paragraph Interaction

/* Tabs Paragraph Interaction */
.tabs_link.w--current .tabs_para {
    display: block;
}

Button Hover Interaction

/* Button Hover Interaction */
.button:hover .icon-embed-xxsmall-2 {
    transform: translate(4px, 0px);
}

Slider Arrows Interaction

Disable slider arrows when slide ends

/* Slider Arrows Interaction */
.w-slider-arrow-left[style*="display: none;"],
.w-slider-arrow-right[style*="display: none;"] {
    display: block !important;
    opacity: 0.3;
    pointer-events: none;
}

OR

/* Slider Arrows Interaction */
[class*="w-slider-arrow"][style*="display: none;"] {
    display: block !important;
    opacity: 0.3;
    pointer-events: none;
}

CSS Marquee

/* CSS Marquee */
.brands_list {
    animation: marquee 25s linear infinite;
}

@keyframes marquee {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}