[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
Autore Titolo Forum Risposte Data
P HTML integrazione wordpress HTML e CSS 0
G Modifica da sito statico HTML a dinamico in Wordpress SEO e Posizionamento 1
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
L [Wordpress]Precedenza Index.php a Index.html WordPress 1
L [Wordpress][HTML]Importare articoli o progetti in pagina html WordPress 0
M [WordPress] [HTML] AREA RISERVATA CON PROFILAZIONE WordPress 2
P [HTML] Eliminare doppio menu in wordpress WordPress 2
1992lvc [WordPress] Problema sidebar widget html Facebook WordPress 2
A [HTML] E' possibile creare un tema per wordpress con dreamweaver?? HTML e CSS 1
M [WordPress] [HTML] INTEGRARE GESTIONALE IMMOBILIARE SU UN SITO WEB DA FARE WordPress 0
F Integrare I Post Di Wordpress.com In Una Pagina HTML WordPress 2
F [WordPress] [HTML] Display Inline WordPress 2
Kolop [WordPress] [HTML] Problema header su mobile WordPress 4
M [wordpress-galleria immagini]Inserire classe php in html PHP 0
Paparazzo2017 [HTML] Impaginazione Articolo con variabili in Wordpress WordPress 5
P [HTML] Wordpress - cambiare font di un tema WordPress 1
R [WordPress] [HTML] Variare dimensione logo rimanendo centrato nella fascia di testa: come? WordPress 16
S [WordPress] [HTML] Bordo di selezione area - Link di ancoraggio WordPress 3
Andrea1981 [WordPress] [HTML] Help modifica credits nel footer.Tema Customizr. WordPress 5
mozes01 [WordPress] [HTML] Woocommerce shop personalizzato WordPress 7
K HTML A WORDPRESS WordPress 21
Michaelweb93 [HTML] Problema sito web - wordpress WordPress 2
Michaelweb93 [HTML] Creazione risposta automatica - email "Contact form 7" Wordpress WordPress 10
Michaelweb93 [WordPress] [HTML] Modifica sezione - pagina sito web WordPress 1
A [WordPress] Eliminare riga codice HTML WordPress 6
P [HTML] pagina Wordpress HTML e CSS 1
nipone [WordPress] [HTML] Problema su Sticky Sidebar WordPress 2
M [WordPress] [HTML] Problema immagine background respondive WordPress 21
L [WordPress] [HTML] boostrap e classi personali WordPress 4
R [HTML] Pulsanti animati per wordpress WordPress 23
M [WordPress] [HTML] Form inserimento campi e visualizzazione in tempo reale WordPress 3
A [WordPress] [HTML] Nth-child non funziona più WordPress 3
giuseppe_123 [HTML] Problemi wordpress WordPress 2
A [WordPress] [HTML] Link in div con z-index inferiore WordPress 1
miss3ddy [WordPress] [HTML] Ipad e parallax WordPress 2
ecosito Integrare i post di Wordpress.com in una pagina HTML HTML e CSS 1
S [OFFRO] Realizzazione Siti Web HTML/Wordpress/Joomla Offerte e Richieste di Lavoro e/o Collaborazione 0
M Tema Wordpress per siti dei giochi GameBox - html 5 Altri Annunci 0
M Wordpress, template, php e html: consigli [era: Templates or not?] Webdesign e Grafica 2
G Un sito html è penalizzato rispetto ad un blog in wordpress? SEO e Posizionamento 3
J Devo scegliere Wordpress o Wix o Hostinger? Hosting 0
S Cerco Programmatore wordpress Offerte e Richieste di Lavoro e/o Collaborazione 0
Shyson Wordpress conta più messaggi di quelli che ci sono WordPress 1
S WORDPRESS NON FA INSTALLARE PIU NULLA WordPress 9
D Pagina non trovata Wordpress WordPress 7
Gabriele Visioli Differenza tra hosting e hosting WordPress Hosting 4
J Inserire blog wordpress in angular CMS (Content Management System) 1
H Hosting per Wordpress 2020 Hosting 5
C wordpress + woocommerce WordPress 4
S [Vendo] Sito Wordpress Altri Annunci 0

Discussioni simili