Custom Hover, Need to change opacity for hovered gantt

Guys, need to make Custom Hover,
change opacity for hovered as 1, all other timeline as 0.5

Hello Balaji,
If you want to change the opacity for the whole Gantt container, you can use the following style rules:

    #gantt_here{
        opacity: 0.5;
    }
    #gantt_here:hover{
        opacity: 1;
    }

Instead of #gantt_here you can use the selector you use for the Gantt container.

If you want to do it only for the task bars, you can use these style rules:

    .gantt_task_line, .gantt_task_link{
        opacity: 0.5;
    }
    .gantt_task_line:hover, .gantt_task_link:hover{
        opacity: 1;
    }

Here are examples:
https://snippet.dhtmlx.com/sct82p2j
https://snippet.dhtmlx.com/gufd7udp

Thanks @ramil , it is working fine.