css - SVG path animation not working in chrome - 


.circle{   opacity:1;   stroke-dasharray: 150;   stroke-dashoffset: 150;   -webkit-transition: stroke-dashoffset 1s 0.5s ease-out;   -moz-transition: stroke-dashoffset 1s 0.5s ease-out;   -ms-transition: stroke-dashoffset 1s 0.5s ease-out;   -o-transition: stroke-dashoffset 1s 0.5s ease-out;   transition: stroke-dashoffset 1s 0.5s ease-out; }  .drawn svg .circle{   opacity: 1;   stroke-dashoffset: 0; }

fiddle:

https://jsfiddle.net/cq26yjp2/

works fine in firefox, not sure seems problem


Comments

Post a Comment

Popular posts from this blog

angular - DownloadURL return null in below code -

when change file updated in firebase storage when try downloadurl show null. filechange(event: any) { const imagefolder: string = this.employee.id; const filelist: filelist = event.target.files; const file: file = filelist[0]; const storageref = firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file); console.log(storageref.snapshot.downloadurl); } the put() asynchronous. if want url after file uploaded have this: firebase.storage().ref().child(`${imagefolder}/profile.jpg`).put(file).then((snapshot) => { storageref = snapshot.downloadurl: console.log(snapshot.downloadurl); });
Read more

python 2.7 - Given three nested dictionaries, sort the top two nested dictionaries from a value in the innermost dictionary? -

i trying sort both outermost dictionary , "middle" dictionary value of "cal" (highest first) in innermost dictionary. accomplish using ordereddict. given example below, trying accomplish: for foods, order food subtypes highest calorie content (i.e - pizza, pesto should appear first because has higher calories when compared cheese. order foods highest calorie content (i.e - pizza should appear first has subtype more calories other food) i have following data: foods = { "apple": { "red": { "cal": "1", "taste": "4" }, "green": { "cal": "2", "taste": "6" } }, "pizza": { "pesto": { "cal": "200", "taste": "9" }, "cheese": { ...
Read more