Skip to content

Commit 8fe5259

Browse files
committed
Section 20: The Secret to the Animation
1 parent 47be28b commit 8fe5259

2 files changed

Lines changed: 11 additions & 5 deletions

File tree

20-Drawing-Animations/02-timer-v2/index.html

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,8 +15,9 @@
1515
fill="transparent"
1616
stroke="blue"
1717
stroke-width="10"
18-
stroke-dasharray="560"
19-
stroke-offset="560"
18+
stroke-dasharray="565"
19+
stroke-dashoffset="-100"
20+
transform="rotate(-90, 100, 100)"
2021
/>
2122
</svg>
2223
<input id="duration" value="30" />

20-Drawing-Animations/README.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -223,7 +223,7 @@ The X axis increases from left to right and the Y axis increases from top to bot
223223

224224
## 11. 20 Advanced Circle Properties
225225

226-
````html
226+
```html
227227
<circle
228228
r="90"
229229
cx="100"
@@ -232,7 +232,12 @@ The X axis increases from left to right and the Y axis increases from top to bot
232232
stroke="blue"
233233
stroke-width="10"
234234
stroke-dasharray="560"
235-
stroke-offset="560"
235+
stroke-dashoffset="-100"
236236
/>
237-
````
237+
```
238+
239+
## 12. 21 The Secret to the Animation
240+
241+
`transform="rotate(-90, 100, 100)"`
238242

243+
## 13. 22 First Pass on the Animation

0 commit comments

Comments
 (0)