XF 1.5 Node magic

[myissue]

Can some tell me how to do this, when you move your mouse nodes are biger?

To view this content we will need your consent to set third party cookies.
For more detailed information, see our cookies page.

Accept third party cookies

 

[gwordz]

Used something similar couple years back, can not remember who I got the code from to give credit...but try adding this to your EXTRA.css

/* discussionList Hover effect */
.discussionListItem {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.discussionListItem:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:  scale(1.05); -moz-transform:  scale(1.05); -o-transform:  scale(1.05); -ms-transform:  scale(1.05);transform: scale(1.05);
}

 

[myissue]

I try but not working!

 

[myissue]

But this work well

/* discussionList Hover effect */
.nodeList .nodeInfo:hover, .discussionList .discussionListItem:hover, .discussionListItem:hover .posterAvatar, .discussionListItem:hover .stats {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.nodeList .nodeInfo:hover, .discussionList .discussionListItem:hover, .discussionListItem:hover .posterAvatar, .discussionListItem:hover .stats:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:  scale(1.05); -moz-transform:  scale(1.05); -o-transform:  scale(1.05); -ms-transform:  scale(1.05);transform: scale(1.05);
}

Thanx !!!

 

[myissue]

And this is with color shange:

/* discussionList Hover effect */
.nodeList .nodeInfo:hover, .discussionList .discussionListItem:hover, .discussionListItem:hover .posterAvatar, .discussionListItem:hover .stats {
-webkit-transition: all 0.2s ease-in;
-moz-transition: all 0.2s ease-in;
-ms-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.nodeList .nodeInfo:hover, .discussionList .discussionListItem:hover, .discussionListItem:hover .posterAvatar, .discussionListItem:hover .stats:hover {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
-o-transform: scale(1.05);
-ms-transform: scale(1.05);
-webkit-transform:  scale(1.05); -moz-transform:  scale(1.05); -o-transform:  scale(1.05); -ms-transform:  scale(1.05);transform: scale(1.05);
}
.nodeList .nodeInfo:hover, .discussionList .discussionListItem:hover, .discussionListItem:hover .posterAvatar, .discussionListItem:hover .stats
{
    background-color: black;
}

I hope that this will help to the folks