HTML Zoom Effect

xxxxxxxxxx

 

1

%%html

2

<style>

3

@import 'https://fonts.googleapis.com/css?family=Monoton';

4

#svg0001 {background:silver; width:400px; height:300px;}

5

circle {fill:#3636ff; stroke-width:5; 

6

        stroke:#fff; transition:transform .8s;}

7

circle:hover {-ms-transform:scale(1.5); 

8

              -webkit-transform:scale(1.5); 

9

              transform:scale(1.5);}

10

</style>

11

<h3 style='color:#3636ff; font-family:Monoton; 

12

          font-size:250%; text-shadow:4px 4px 4px silver;'>

13

Zoom &nbsp; on &nbsp; Hover</h3>

14

<svg id='svg0001'><g transform='translate(200,150)'>

15

<circle cx='0' cy='0' r='70'></circle></g></svg>

Language: Sage Gap GP HTML Macaulay2 Maxima Octave Python R Singular

---

Messages