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%20308%20543%20Q%20399%20567%20404%20571%20Q%20413%20580%20408%20588%20Q%20401%20600%20370%20606%20Q%20339%20610%20310%20597%20L%20266%20581%20Q%20199%20563%20140%20554%20Q%20103%20547%20131%20531%20Q%20170%20510%20241%20527%20Q%20251%20530%20265%20532%20L%20308%20543%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20261%20342%20Q%20260%20260%20258%20156%20Q%20257%20134%20244%20124%20Q%20240%20121%20171%20129%20Q%20140%20138%20143%20129%20Q%20144%20122%20164%20110%20Q%20224%2067%20240%2041%20Q%20258%2011%20272%2011%20Q%20285%2011%20298%2042%20Q%20314%2084%20311%20151%20Q%20305%20263%20305%20373%20L%20305%20405%20Q%20305%20475%20308%20543%20L%20310%20597%20Q%20316%20727%20331%20769%20Q%20347%20796%20296%20817%20Q%20265%20835%20248%20828%20Q%20232%20822%20246%20801%20Q%20265%20776%20266%20745%20Q%20267%20727%20266%20581%20L%20265%20532%20Q%20264%20468%20262%20383%20L%20261%20342%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20262%20383%20Q%2064%20284%2061%20281%20Q%2043%20281%2040%20267%20Q%2039%20258%2052%20244%20Q%2070%20228%2092%20220%20Q%20107%20216%20117%20227%20Q%20183%20288%20261%20342%20L%20305%20373%20Q%20327%20389%20350%20404%20Q%20369%20414%20380%20428%20Q%20387%20441%20377%20441%20Q%20364%20441%20305%20405%20L%20262%20383%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20505%20709%20Q%20539%20654%20564%20639%20Q%20577%20635%20587%20645%20Q%20594%20655%20595%20672%20Q%20592%20694%20578%20709%20Q%20556%20731%20509%20747%20Q%20502%20748%20498%20747%20Q%20492%20747%20493%20735%20Q%20493%20725%20505%20709%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20719%20771%20Q%20707%20738%20648%20639%20Q%20641%20620%20658%20627%20Q%20704%20667%20730%20693%20Q%20778%20750%20808%20767%20Q%20827%20780%20813%20797%20Q%20797%20812%20768%20821%20Q%20743%20831%20730%20826%20Q%20717%20822%20724%20810%20Q%20731%20791%20719%20771%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20717%20563%20Q%20765%20572%20806%20576%20Q%20816%20575%20825%20587%20Q%20826%20597%20804%20608%20Q%20780%20626%20703%20606%20Q%20598%20585%20460%20563%20Q%20432%20560%20454%20543%20Q%20488%20519%20512%20526%20Q%20579%20541%20665%20555%20L%20717%20563%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20743%20340%20Q%20770%20341%20935%20342%20Q%20954%20341%20959%20350%20Q%20963%20360%20948%20374%20Q%20891%20417%20834%20399%20Q%20794%20393%20744%20383%20L%20690%20375%20Q%20648%20374%20554%20357%20L%20504%20351%20Q%20443%20345%20376%20337%20Q%20357%20336%20371%20319%20Q%20384%20306%20402%20300%20Q%20421%20294%20437%20299%20Q%20467%20306%20501%20313%20L%20550%20321%20Q%20605%20333%20690%20337%20L%20743%20340%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20554%20357%20Q%20554%20381%20565%20450%20Q%20571%20469%20552%20477%20Q%20509%20499%20496%20497%20Q%20478%20494%20492%20475%20Q%20510%20445%20504%20351%20L%20501%20313%20Q%20501%20195%20413%20102%20Q%20410%2099%20408%2096%20Q%20395%2083%20383%2072%20Q%20370%2060%20367%2055%20Q%20366%2048%20376%2049%20Q%20410%2049%20464%20105%20Q%20521%20162%20546%20298%20Q%20547%20310%20550%20321%20L%20554%20357%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-9%22%3E%3Cpath%20d%3D%22M%20690%20-7%20Q%20696%20-32%20702%20-41%20Q%20708%20-48%20715%20-46%20Q%20733%20-34%20736%2021%20Q%20743%2091%20743%20159%20Q%20740%20204%20743%20340%20L%20744%20383%20Q%20744%20479%20756%20519%20Q%20759%20537%20745%20546%20Q%20729%20556%20717%20563%20C%20691%20578%20651%20581%20665%20555%20Q%20665%20554%20678%20531%20Q%20690%20510%20690%20383%20Q%20690%20380%20690%20375%20L%20690%20337%20Q%20684%2043%20690%20-7%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%2034.5%20566.2%20L%20154%20539%20L%20227%20546%20L%20349%20581%20L%20397%20582%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%22370.82752776906096%2C370.82752776906096%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20370.823%3B%20stroke-dasharray%3A%20370.823%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%20169.2%20867%20L%20278%20799%20L%20296%20775%20L%20284%20484%20L%20284%20141%20L%20277%20109%20L%20263%2084%20L%20149%20127%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%22975.7990963463703%2C975.7990963463703%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20975.799%3B%20stroke-dasharray%3A%20975.799%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%20-44.7%20281.1%20L%2097%20258%20L%20232%20349%20L%20375%20434%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%22472.72771759660276%2C472.72771759660276%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20472.732%3B%20stroke-dasharray%3A%20472.732%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%20432%20807.4%20L%20558%20686%20L%20571%20658%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%22205.83735733683153%2C205.83735733683153%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20205.839%3B%20stroke-dasharray%3A%20205.839%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%20651.9%20878.1%20L%20753%20800%20L%20761%20777%20L%20659%20638%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%22324.5638653683542%2C324.5638653683542%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20324.514%3B%20stroke-dasharray%3A%20324.514%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%20356.9%20573.2%20L%20496%20546%20L%20737%20590%20L%20778%20595%20L%20815%20589%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%22465.54395255788074%2C465.54395255788074%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20465.505%3B%20stroke-dasharray%3A%20465.505%3B%20animation%3A%20800ms%20linear%205000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-7)%22%20d%3D%22M%20275.8%20346.8%20L%20421%20319%20L%20637%20353%20L%20869%20373%20L%20915%20367%20L%20949%20355%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%22681.8191372046892%2C681.8191372046892%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20681.802%3B%20stroke-dasharray%3A%20681.802%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-8)%22%20d%3D%22M%20415.1%20543.3%20L%20517%20472%20L%20534%20444%20L%20523%20293%20L%20508%20224%20L%20481%20159%20L%20461%20130%20L%20419%2084%20L%20374%2055%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%22600.6187044093381%2C600.6187044093381%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20600.573%3B%20stroke-dasharray%3A%20600.573%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-9)%22%20d%3D%22M%20591%20612.6%20L%20719%20520%20L%20711%20-36%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%22714.0661710274064%2C714.0661710274064%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20714.041%3B%20stroke-dasharray%3A%20714.041%3B%20animation%3A%20800ms%20linear%208000ms%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
go all out in work; combat
He works desperately to support his family
Learning Chinese requires mastering pinyin
The children are piecing together a world map.
The children are playing a jigsaw puzzle game
