Watch each stroke animate in order, then practice the same sequence by hand.
.%3C%2Fdesc%3E%3Cstyle%3E%0A%40keyframes%20draw-stroke%20%7B%0A%20%20to%20%7B%20stroke-dashoffset%3A%200%3B%20opacity%3A%201%3B%20%7D%0A%7D%0A%3C%2Fstyle%3E%3Cg%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%22500%22%20height%3D%22500%22%20fill%3D%22%238ecae6%22%3E%3C%2Frect%3E%3Cline%20x1%3D%220%22%20y1%3D%22250%22%20x2%3D%22500%22%20y2%3D%22250%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Cline%20x1%3D%22250%22%20y1%3D%220%22%20x2%3D%22250%22%20y2%3D%22500%22%20stroke%3D%22rgba(255%2C255%2C255%2C0.2)%22%20stroke-width%3D%221%22%3E%3C%2Fline%3E%3Ctext%20x%3D%22490%22%20y%3D%22488%22%20fill%3D%22%23ffffff%22%20font-size%3D%2218%22%20font-family%3D%22Arial%2C%20sans-serif%22%20text-anchor%3D%22end%22%20dominant-baseline%3D%22ideographic%22%20opacity%3D%220.8%22%3Ehanzistroke.com%3C%2Ftext%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22mask-1%22%3E%3Cpath%20d%3D%22M%20483%20718%20Q%20601%20740%20738%20751%20Q%20750%20750%20760%20763%20Q%20761%20776%20737%20788%20Q%20698%20813%20611%20787%20Q%20479%20762%20282%20739%20Q%20251%20736%20274%20717%20Q%20310%20686%20340%20694%20Q%20382%20703%20429%20709%20L%20483%20718%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20656%20528%20Q%20610%20527%20529%20515%20Q%20417%20500%20369%20487%20Q%20345%20483%20359%20501%20Q%20375%20520%20423%20568%20Q%20496%20640%20511%20647%20Q%20521%20654%20528%20662%20Q%20534%20677%20513%20696%20Q%20497%20709%20483%20718%20C%20458%20735%20420%20738%20429%20709%20Q%20435%20699%20436%20680%20Q%20429%20628%20303%20501%20Q%20249%20471%20254%20431%20Q%20254%20428%20256%20424%20Q%20263%20400%20277%20399%20Q%20283%20400%20300%20410%20Q%20390%20467%20614%20497%20Q%20651%20503%20676%20503%20C%20706%20504%20686%20529%20656%20528%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20676%20503%20Q%20715%20452%20728%20447%20Q%20737%20446%20745%20455%20Q%20758%20467%20750%20513%20Q%20744%20555%20674%20592%20Q%20628%20616%20603%20627%20Q%20594%20633%20591%20621%20Q%20590%20608%20599%20595%20Q%20626%20567%20656%20528%20L%20676%20503%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20530%20265%20Q%20587%20275%20648%20284%20Q%20705%20294%20713%20301%20Q%20723%20310%20719%20319%20Q%20712%20332%20681%20342%20Q%20648%20349%20616%20339%20Q%20576%20327%20534%20316%20L%20474%20303%20Q%20398%20291%20313%20287%20Q%20273%20283%20300%20263%20Q%20346%20235%20404%20246%20Q%20438%20252%20475%20257%20L%20530%20265%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20518%20122%20Q%20524%20197%20530%20265%20L%20534%20316%20Q%20534%20334%20551%20394%20Q%20554%20404%20534%20420%20Q%20498%20439%20474%20443%20Q%20458%20447%20450%20438%20Q%20443%20431%20451%20416%20Q%20470%20389%20470%20370%20Q%20471%20339%20474%20303%20L%20475%20257%20Q%20476%20191%20475%20118%20C%20475%2088%20516%2092%20518%20122%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20475%20118%20Q%20321%20105%20144%2089%20Q%20119%2088%20136%2067%20Q%20172%2031%20217%2040%20Q%20481%20103%20884%2080%20Q%20885%2081%20888%2080%20Q%20912%2079%20918%2089%20Q%20925%20102%20906%20120%20Q%20843%20169%20786%20158%20Q%20683%20142%20518%20122%20L%20475%20118%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22%0A%20%20%20%20translate(10%2C%20431.875)%0A%20%20%20%20scale(0.46875%2C%20-0.46875)%0A%20%20%22%3E%3Cg%20style%3D%22opacity%3A%201%3B%22%3E%3Cpath%20clip-path%3D%22url(%23mask-1)%22%20d%3D%22M%20178.5%20751.3%20L%20324%20718%20L%20679%20773%20L%20749%20765%22%20stroke%3D%22%23ff0000%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22578.9352477579357%2C578.9352477579357%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20578.953%3B%20stroke-dasharray%3A%20578.953%3B%20animation%3A%20800ms%20linear%200ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-2)%22%20d%3D%22M%20359.7%20768.4%20L%20476%20673%20L%20417%20592%20L%20342%20515%20L%20328%20493%20L%20322%20466%20L%20375%20466%20L%20467%20489%20L%20610%20512%20L%20650%20515%20L%20669%20504%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22766.6188607403831%2C766.6188607403831%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20766.593%3B%20stroke-dasharray%3A%20766.593%3B%20animation%3A%20800ms%20linear%201000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-3)%22%20d%3D%22M%20525.2%20681.3%20L%20702%20529%20L%20721%20497%20L%20731%20458%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22310.78139588611606%2C310.78139588611606%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20310.83%3B%20stroke-dasharray%3A%20310.83%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-4)%22%20d%3D%22M%20209.6%20309.9%20L%20327%20269%20L%20393%20268%20L%20640%20314%20L%20705%20314%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22506.6060571746311%2C506.6060571746311%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20506.575%3B%20stroke-dasharray%3A%20506.575%3B%20animation%3A%20800ms%20linear%203000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-5)%22%20d%3D%22M%20387.3%20495.5%20L%20508%20388%20L%20498%20149%20L%20481%20126%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22429.42961484292704%2C429.42961484292704%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20429.441%3B%20stroke-dasharray%3A%20429.441%3B%20animation%3A%20800ms%20linear%204000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-6)%22%20d%3D%22M%2042.1%2098.6%20L%20197%2066%20L%20425%2095%20L%20798%20122%20L%20853%20115%20L%20905%2096%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%22200%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22miter%22%20stroke-dasharray%3D%22872.8684045078992%2C872.8684045078992%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20872.912%3B%20stroke-dasharray%3A%20872.912%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
62 learners have practiced this character
Download and print worksheets to practice writing 至
HSK words that contain this character.
Real-world example sentences demonstrating how 至 is used in context
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
The high-speed train from Beijing to Shanghai is very fast.
He doesn't even know my name.
I need at least three days to finish the work.
I haven't received a reply until now.
