rect { transform: rotate(90deg); } #IT000001 { fill: #FFAA55; } #IT000002 { fill: green; } /*#IT000003 { fill: orange; .flashStroke; .strokeThick; }*/ #IT000004 { fill: #FF6969; /*.flashStroke; .strokeThick;*/ } #IT000005 { fill: #0033FF; } /*#IT000006 { fill: orange; }*/ #IT000007 { fill: #AACCFF; } #IT000008 { fill: #2288FF; } .tableSvg { background: url(../Images/test.svg) no-repeat top left; background-size: contain; } .fVerde { fill: green; } .fBlu { fill: blue; } .strokeThick { stroke-width: 2px !important; } /* Animazione per richiamo attenzione*/ .flashStroke { stroke: blue; /* Safari 4.0 - 8.0 */ -webkit-animation-name: blueFlash; -webkit-animation-duration: 0.5s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; /* Standard syntax */ animation-name: blueFlash; animation-duration: 0.5s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; } /* Safari 4.0 - 8.0 */ @-webkit-keyframes blueFlash { 0% { stroke: #c4dbff; } 25% { stroke: #9dc4ff; } 50% { stroke: #5ca5ff; } 75% { stroke: #1b82ff; } 100% { stroke: #005ccc; } }