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%20544%20561%20Q%20575%20580%20648%20638%20Q%20679%20666%20700%20671%20Q%20737%20683%20739%20698%20Q%20740%20708%20705%20746%20Q%20672%20782%20661%20780%20Q%20657%20783%20644%20778%20Q%20575%20748%20344%20719%20Q%20323%20720%20309%20722%20Q%20290%20726%20283%20715%20Q%20280%20708%20288%20697%20Q%20298%20684%20322%20666%20Q%20343%20650%20354%20650%20Q%20364%20649%20384%20662%20Q%20420%20690%20607%20732%20Q%20632%20738%20637%20735%20Q%20643%20731%20642%20723%20Q%20642%20714%20543%20589%20Q%20534%20580%20529%20573%20C%20509%20550%20519%20545%20544%20561%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20529%20573%20Q%20505%20588%20486%20592%20Q%20474%20596%20466%20591%20Q%20462%20587%20474%20574%20Q%20495%20544%20508%20451%20L%20513%20407%20Q%20541%20169%20492%2090%20Q%20489%2083%20482%2081%20Q%20467%2077%20356%20100%20Q%20349%20100%20346%2097%20Q%20345%2093%20354%2085%20Q%20429%2030%20470%20-13%20Q%20483%20-26%20492%20-24%20Q%20505%20-23%20527%20-1%20Q%20575%2044%20576%20136%20Q%20583%20239%20562%20411%20L%20557%20457%20Q%20551%20505%20549%20542%20Q%20549%20554%20544%20561%20L%20529%20573%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20508%20451%20Q%20499%20452%20299%20429%20Q%20227%20419%20121%20418%20Q%20108%20418%20106%20406%20Q%20105%20393%20124%20378%20Q%20142%20365%20174%20353%20Q%20186%20349%20204%20357%20Q%20222%20363%20297%20375%20Q%20393%20397%20513%20407%20L%20562%20411%20Q%20769%20430%20888%20417%20Q%20937%20417%20940%20418%20Q%20940%20421%20942%20421%20Q%20949%20434%20937%20447%20Q%20864%20513%20800%20491%20Q%20739%20479%20675%20469%20Q%20605%20463%20557%20457%20L%20508%20451%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%20201.5%20748.9%20L%20355%20686%20L%20462%20717%20L%20620%20752%20L%20658%20752%20L%20675%20732%20L%20681%20708%20L%20549%20578%20L%20536%20574%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%22727.0108244233046%2C727.0108244233046%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20726.974%3B%20stroke-dasharray%3A%20726.974%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%20397.2%20654.3%20L%20516%20549%20L%20530%20478%20L%20550%20263%20L%20549%20179%20L%20537%2099%20L%20523%2064%20L%20505%2042%20L%20490%2034%20L%20383%2079%20L%20368%2091%20L%20353%2093%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%22845.5337260388329%2C845.5337260388329%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20845.487%3B%20stroke-dasharray%3A%20845.487%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%2028.8%20448.1%20L%20142%20394%20L%20186%20386%20L%20410%20420%20L%20826%20459%20L%20855%20457%20L%20916%20439%20L%20937%20422%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%22934.2939569130078%2C934.2939569130078%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20934.262%3B%20stroke-dasharray%3A%20934.262%3B%20animation%3A%20800ms%20linear%202000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
398 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 children are playing in the park
My son started elementary school this year
There is a book on the table
This child is very smart.
