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%20282%20720%20Q%20270%20741%20233%20755%20Q%20221%20762%20208%20757%20Q%20198%20751%20205%20736%20Q%20229%20648%20231%20611%20Q%20230%20608%20231%20602%20Q%20238%20308%20189%20137%20Q%20170%2068%20211%2019%20Q%20223%203%20236%2017%20Q%20246%2030%20250%2044%20L%20255%2086%20Q%20259%20123%20261%20178%20Q%20280%20626%20285%20676%20C%20287%20706%20288%20714%20282%20720%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20751%2076%20Q%20772%2055%20799%204%20Q%20809%20-20%20825%20-18%20Q%20838%20-17%20847%205%20Q%20877%2062%20852%20247%20Q%20822%20661%20841%20685%20Q%20844%20692%20849%20697%20Q%20861%20712%20860%20720%20Q%20859%20733%20825%20756%20Q%20767%20795%20724%20781%20Q%20703%20777%20668%20770%20Q%20517%20754%20335%20723%20Q%20307%20720%20282%20720%20C%20252%20719%20256%20670%20285%20676%20Q%20297%20676%20314%20682%20Q%20327%20686%20450%20706%20Q%20601%20730%20718%20737%20Q%20743%20738%20749%20726%20Q%20774%20701%20782%20401%20Q%20789%20220%20792%20177%20Q%20796%20117%20780%2098%20C%20771%2069%20735%2096%20751%2076%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20514%20554%20Q%20664%20588%20667%20590%20Q%20674%20597%20671%20605%20Q%20664%20615%20638%20623%20Q%20614%20627%20516%20598%20Q%20438%20580%20376%20574%20Q%20343%20568%20367%20553%20Q%20400%20532%20459%20544%20Q%20463%20545%20470%20545%20L%20514%20554%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20530%20382%20Q%20545%20386%20562%20388%20Q%20602%20392%20634%20396%20Q%20644%20395%20653%20407%20Q%20654%20417%20632%20428%20Q%20607%20447%20531%20427%20L%20483%20416%20Q%20450%20410%20422%20406%20Q%20394%20403%20364%20399%20Q%20337%20396%20358%20379%20Q%20392%20355%20416%20362%20Q%20447%20369%20483%20374%20L%20530%20382%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20525%20254%20Q%20526%20323%20530%20382%20L%20531%20427%20Q%20534%20533%20535%20534%20Q%20523%20546%20514%20554%20C%20492%20574%20459%20573%20470%20545%20Q%20482%20527%20483%20416%20L%20483%20374%20Q%20483%20323%20483%20246%20C%20483%20216%20525%20224%20525%20254%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20483%20246%20Q%20407%20233%20319%20218%20Q%20300%20215%20315%20199%20Q%20328%20186%20346%20182%20Q%20367%20178%20382%20182%20Q%20499%20215%20672%20217%20Q%20687%20216%20701%20217%20Q%20720%20217%20724%20226%20Q%20728%20238%20713%20250%20Q%20656%20290%20590%20268%20Q%20562%20262%20525%20254%20L%20483%20246%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20672%20345%20Q%20697%20324%20722%20299%20Q%20732%20289%20745%20290%20Q%20754%20290%20757%20301%20Q%20761%20311%20754%20335%20Q%20750%20351%20724%20364%20Q%20667%20388%20652%20383%20Q%20648%20379%20649%20369%20Q%20652%20362%20672%20345%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20250%2044%20Q%20256%2044%20264%2045%20Q%20420%2070%20751%2076%20C%20781%2077%20799%2077%20780%2098%20Q%20773%20108%20753%20124%20Q%20734%20137%20697%20131%20Q%20451%2094%20255%2086%20C%20225%2085%20220%2041%20250%2044%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%20151.6%20821.5%20L%20248%20707%20L%20256%20623%20L%20246%20321%20L%20219%2096%20L%20224%2025%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%22834.0146276019548%2C834.0146276019548%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20834.013%3B%20stroke-dasharray%3A%20834.013%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%20231%20604%20L%20303%20700%20L%20346%20708%20L%20722%20759%20L%20764%20754%20L%20798%20723%20L%20804%20714%20L%20803%20582%20L%20828%20151%20L%20825%20102%20L%20815%2068%20L%20823%201%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%221358.0409621199315%2C1358.0409621199315%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201358.04%3B%20stroke-dasharray%3A%201358.04%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%20272.8%20592.5%20L%20390%20559%20L%20430%20560%20L%20524%20576%20L%20618%20601%20L%20663%20599%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%22399.51690167824194%2C399.51690167824194%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20399.57%3B%20stroke-dasharray%3A%20399.57%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%20260.4%20406.4%20L%20407%20382%20L%20581%20414%20L%20643%20409%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%22387.78144653226303%2C387.78144653226303%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20387.736%3B%20stroke-dasharray%3A%20387.736%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%20403.4%20612.6%20L%20506%20521%20L%20509%20442%20L%20505%20277%20L%20489%20254%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%22409.65991944170014%2C409.65991944170014%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20409.663%3B%20stroke-dasharray%3A%20409.663%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%20218.3%20215.3%20L%20373%20204%20L%20632%20246%20L%20668%20244%20L%20713%20231%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%22500.4242365808887%2C500.4242365808887%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20500.391%3B%20stroke-dasharray%3A%20500.391%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%20571.1%20426.2%20L%20719%20338%20L%20745%20302%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%22216.6083146470878%2C216.6083146470878%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20216.61%3B%20stroke-dasharray%3A%20216.61%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%20188.5%20-22.8%20L%20273%2067%20L%20320%2072%20L%20709%20104%20L%20772%2098%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%22624.2094897595836%2C624.2094897595836%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20624.17%3B%20stroke-dasharray%3A%20624.17%3B%20animation%3A%20800ms%20linear%207000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
410 learners have practiced this character
A jade (玉) inside an enclosure (囗) — a precious territory or nation guarded by boundaries.
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 →
China is a great country.
China is a big country.
International exchanges promote cultural development.
We should all love our country.
I love my country.
