<h1>
    Gauge Hover Styling
</h1>
<p>
    You can use the standard ":hover" pseudo-class to add special
    effects to gauges when the mouse moves over them.
</p>
<p>
    In this example, we customized the pointer and the thumb
    when the mouse mover over the gauges:
</p>

@(Html.C1().LinearGauge().Id("linear")
    .Value(50).Max(100)
    .IsReadOnly(false).HasShadow(false).ThumbSize(12)
    .Face(f=>f.Thickness(0.25))
    .Pointer(p=>p.Thickness(0.25))
    )
@(Html.C1().RadialGauge().Id("radial")
    .Value(50).Max(100)
    .IsReadOnly(false).HasShadow(false)
    .ShowText(ShowText.Value).ThumbSize(6)
    .Face(f=>f.Thickness(0.05))
    .Pointer(p=>p.Thickness(0.05))
    )