{"title":"Showing Layers on Hover","id":52095,"link":"https:\/\/env.averta.net\/en\/step\/showing-layers-on-hover\/","parent":[51827],"content":"<p>If you need to set the layer only get visible when the mouse cursor moves over the slider, you can set <code>ms-show-on-hover<\/code> class name to the layer frame element.<\/p>\n<p class=\"aswi-text-box box-important\"><strong>Important: <\/strong>This class name only fades the layer and does not support layer animation-in or animation-out.<\/p>\n<pre class=\"lang:xhtml decode:true \">\t&lt;div id=\"masterslider\" class=\"master-slider\"&gt;\r\n\t\t&lt;div class=\"ms-slide\"&gt;\r\n\t\t\t&lt;!-- .... --&gt;\r\n\t\t\t&lt;div class=\"ms-layer\" data-type=\"text\" data-frame-class=\"ms-show-on-hover\"&gt;\r\n\t\t\t\tText layer content here...\r\n\t\t\t&lt;\/div&gt;\r\n\t\t\t&lt;!-- .... --&gt;\r\n\t\t&lt;\/div&gt;\r\n\t\t&lt;!-- .... --&gt;\r\n\t&lt;\/div&gt;<\/pre>\n","type":"solution"}