Node animation on mouse hover

jessy · Jun 7, 2024

thanks to dear member @jessy submitted a new resource:

Node animation on mouse hover - Prepare node for effects

add code to

CSS:

/* Prepare node for effects */
.template-forum_list .b-container .node {
    /* Remove previous box border */
    border-style: none;
    /* For positioning the pseudo-element */
    position: relative;
    /* Add shadow effect to non-hover nodes */
    box-shadow: 2px 2px 1px 0px rgba(99, 99, 99, 0.3);    /* box-shadow: x-offset y-offset blur spread rgba(r, g, b, opacity) */
    /* transition time to ease back original state (slower) */
    transition...

Node animation on mouse hover

Lv.12