XenForo Node animation on mouse hover

Styling · Jun 8, 2024

Styling submitted a new resource:

Node animation on mouse hover - Template Modifications

extra.less

CSS:

//*****************************************************//
//* Creates shadows and scales nodes when mouse hover *//
//*****************************************************//

/* Prepare node for effects */

.template-forum_list .block-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...

XenForo Node animation on mouse hover

Styling

DANYQC