You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16 lines
522 B
16 lines
522 B
svg {
|
|
margin:40px; /* give it some margin to show off the axes */
|
|
overflow:visible; /* axes will extend beyond the svg cropping area. Show them anyway */
|
|
}
|
|
|
|
svg circle {
|
|
r:5; /* circles will have a default radius of 5 px */
|
|
transition: r 0.5s ease-in-out, fill 0.5s linear; /* create transitions for radius and fill */
|
|
transform-origin: 50% 50%; /* when transforming, do it around the center of the object */
|
|
}
|
|
|
|
circle:hover {
|
|
fill:blue; /* when hovered, make the blue */
|
|
r:15; /* make it larger when hovered */
|
|
}
|