[WordPress] [HTML] SVG tag: aumentare dimensioni elemento 'path'

mfran2002

Nuovo Utente
5 Feb 2010
15
0
1
ciao a tutti,
ho una pagina html (in wordpress) con alcuni elementi path.
vorrei, al passaggio del mouse su un path, un suo incremento delle dimensioni, un effetto zoom insomma...

per me è un argomento nuovo e sto facendo mille prove ma niente

qualcuno sa quale attributo potrei usare?

il CSS che applico a uno dei PATH:


HTML:
<style >
                      .svg-menu__path__selection, .svg-menu__path__selection * {
                         transition: all 0.55s linear;
                       }
                       .svg-menu__path__selection__text * {
                         font-family: arial;
                         text-transform: uppercase;
                       }
                       .svg-menu__path__selection {
                                 transform-origin: 1px;
                       }
                       .svg-menu__path__selection:hover, .svg-menu__path__selection.active {
                         -webkit-transform: scale(1.003);
                                 transform: scale(1.003);
                       }
                       .svg-menu__path__selection:hover .svg-menu__path__selection__background *, .svg-menu__path__selection.active .svg-menu__path__selection__background * {
                         fill: #FFFF00;
                       }
                   </style>

e il PATH:

HTML:
<g class="svg-menu__path__selection" cursor="pointer" pointer-events="all">
                           <g class="svg-menu__path__selection__background">
                               <path id="srilanka" d="M2147.9,705.1c0.1,0.6,0.1,0.8,0.8,0.7
                               C2148.5,705.6,2148.2,705.4,2147.9,705.1 M2148,725.8c0,3.7,1.4,18.7,8,16.5c3-1,7.5-3.1,9.1-6c1.3-2.4,1.9-6.7,0.3-9.1
                               c0,0.4-1.5-2.5-1.9-2.9c2.1,1.5-0.5-1.7-0.8-2.2c-1-1.6-1-3.5-1.8-5.1c-0.6,0.5-1.3,0.3-1.7-0.3c2,0.2-2.5-5.6-2.8-6.4
                               c-0.3-0.9-5.3-6.8-6.3-6c1,0.3,1.6,1.3,2.4,2c-1.1-0.7-3.1-3.5-4.5-1.7c0.6,0.9,1.7,1,2.5,1.7c0.1-1,2.8,0.6,3.3,1.4
                               c-0.5-0.4-3.2-1-3.9-1c0.6,0.8,0,0.8-0.4,1.3c-0.5,0.7,0.6,1.9-0.1,3.1c-1.7,2.8-1.4,7.7-1.5,10.9c-1.3-0.4-0.7-2.1-0.7-3
                               C2146.1,720.9,2147.8,723.7,2148,725.8 M2146.8,711c0.2,0.6,1.2,0.9,1.6,1.3C2148.2,711.5,2147.6,710.9,2146.8,711" fill="#AE2C27"/>
                               <title>Sry Lanka</title>
                           </g>
                       </g>
 
Ultima modifica:

Discussioni simili