View difference between Paste ID: rbHmUkhL and
SHOW: | | - or go back to the newest paste.
1-
1+
<!DOCTYPE html>
2
<html>
3
    <head>
4
        <style type="text/css">
5
6
        body
7
        {
8
            background: gray;
9
        }
10
11
        polygon.hoverable
12
        {
13
            fill: transparent;
14
            stroke: darkgray;
15
            stroke-width: 4;
16
            cursor: pointer;
17
        }
18
19
        polygon.hoverable:hover
20
        {
21
            stroke:black;
22
        }
23
24
        </style>
25
    </head>
26
    <body>
27
        <p>Gray initial outline added for visibility. Can replace with 'none'.</p>
28
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg">
29
            <polygon class="hoverable" points="220,100 300,210 170,250"
30
                onclick="alert('I am click functionality!');"/>
31
        </svg> 
32
    </body>
33
</html>