OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 | 4 |
5 svg * { | 5 svg * { |
6 -webkit-transition-property: fill, stroke, fill-opacity, stroke-opacity, s
troke-width, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, ba
seline-shift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-col
or; | 6 transition-property: fill, stroke, fill-opacity, stroke-opacity, stroke-wi
dth, stroke-dasharray, stroke-dashoffset, stroke-miterlimit, kerning, baseline-s
hift, flood-color, flood-opacity, stop-color, stop-opacity, lighting-color; |
7 -webkit-transition-duration: 2s; | 7 transition-duration: 2s; |
8 -webkit-transition-timing-function: linear; | 8 transition-timing-function: linear; |
9 } | 9 } |
10 | 10 |
11 #rect1 { | 11 #rect1 { |
12 fill: rgb(0, 0, 255); | 12 fill: rgb(0, 0, 255); |
13 stroke: red; | 13 stroke: red; |
14 fill-opacity: 1; | 14 fill-opacity: 1; |
15 stroke-opacity: 1; | 15 stroke-opacity: 1; |
16 stroke-width: 2; | 16 stroke-width: 2; |
17 stroke-dashoffset: 0; | 17 stroke-dashoffset: 0; |
18 stroke-dasharray: 10 10; | 18 stroke-dasharray: 10 10; |
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
191 <rect id="rect7" x="130" y="100" width="10" height="10"/> | 191 <rect id="rect7" x="130" y="100" width="10" height="10"/> |
192 <polyline id="polyline1" points="10,70 60,75 10,80"/> | 192 <polyline id="polyline1" points="10,70 60,75 10,80"/> |
193 <text id="text1" x="100" y="60">Example</text> | 193 <text id="text1" x="100" y="60">Example</text> |
194 </svg> | 194 </svg> |
195 </div> | 195 </div> |
196 | 196 |
197 <div id="result"></div> | 197 <div id="result"></div> |
198 | 198 |
199 </body> | 199 </body> |
200 </html> | 200 </html> |
OLD | NEW |