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%20434%20709%20Q%20453%20739%20489%20759%20Q%20499%20766%20497%20780%20Q%20496%20792%20475%20817%20Q%20454%20839%20438%20842%20Q%20422%20843%20424%20823%20Q%20439%20751%20207%20558%20Q%20197%20551%20194%20546%20Q%20188%20536%20201%20536%20Q%20240%20536%20350%20632%20L%20362%20642%20Q%20387%20664%20415%20690%20L%20434%20709%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20542%20538%20Q%20587%20587%20636%20651%20Q%20654%20675%20678%20689%20Q%20693%20695%20693%20703%20Q%20694%20715%20670%20732%20Q%20640%20756%20627%20757%20Q%20617%20757%20606%20751%20Q%20509%20718%20440%20711%20Q%20436%20711%20434%20709%20C%20404%20704%20386%20699%20415%20690%20Q%20460%20666%20569%20705%20Q%20585%20708%20591%20702%20Q%20595%20698%20576%20663%20Q%20548%20614%20503%20566%20L%20479%20542%20Q%20361%20425%20175%20371%20Q%20166%20370%20166%20365%20Q%20166%20361%20173%20359%20Q%20278%20341%20438%20447%20Q%20468%20471%20515%20511%20L%20542%20538%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20515%20511%20Q%20534%20496%20553%20478%20Q%20703%20349%20751%20350%20Q%20811%20350%20913%20381%20Q%20950%20391%20946%20400%20Q%20945%20404%20906%20411%20Q%20735%20435%20679%20458%20Q%20630%20479%20542%20538%20L%20503%20566%20Q%20472%20590%20440%20615%20Q%20401%20648%20368%20644%20Q%20364%20644%20362%20642%20C%20339%20640%20339%20640%20350%20632%20Q%20353%20628%20364%20622%20Q%20400%20607%20479%20542%20L%20515%20511%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20534%20269%20Q%20573%20275%20695%20285%20Q%20705%20284%20715%20296%20Q%20716%20309%20694%20320%20Q%20654%20344%20580%20323%20Q%20556%20320%20535%20313%20L%20482%20303%20Q%20413%20296%20270%20282%20Q%20239%20279%20262%20260%20Q%20295%20232%20325%20238%20Q%20395%20251%20483%20262%20L%20534%20269%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20440%2064%20Q%20401%2071%20362%2080%20Q%20349%2081%20351%2074%20Q%20352%2067%20363%2060%20Q%20445%200%20476%20-38%20Q%20491%20-54%20506%20-41%20Q%20542%20-4%20538%2064%20Q%20537%2092%20534%20269%20L%20535%20313%20Q%20538%20341%20546%20363%20Q%20555%20381%20539%20394%20Q%20514%20416%20484%20427%20Q%20465%20434%20457%20426%20Q%20451%20419%20462%20404%20Q%20480%20371%20482%20303%20L%20483%20262%20Q%20484%2081%20465%2067%20Q%20455%2060%20440%2064%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20302%20189%20Q%20265%20140%20219%2099%20Q%20191%2072%20200%2035%20Q%20203%2016%20226%2023%20Q%20287%2048%20313%20127%20Q%20326%20158%20325%20183%20Q%20322%20193%20317%20195%20Q%20308%20196%20302%20189%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20639%20184%20Q%20700%20132%20774%2054%20Q%20792%2033%20808%2029%20Q%20817%2028%20825%2039%20Q%20838%2052%20823%2099%20Q%20808%20160%20639%20217%20Q%20629%20221%20627%20209%20Q%20627%20194%20639%20184%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%20381.4%20911.8%20L%20451%20805%20L%20456%20782%20L%20411%20722%20L%20297%20610%20L%20202%20544%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%22501.48492745089334%2C501.48492745089334%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20501.503%3B%20stroke-dasharray%3A%20501.503%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%20322.5%20682.5%20L%20498%20701%20L%20586%20725%20L%20624%20719%20L%20633%20708%20L%20600%20649%20L%20547%20579%20L%20438%20475%20L%20384%20438%20L%20293%20392%20L%20215%20369%20L%20172%20365%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%22918.3068788852645%2C918.3068788852645%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20918.359%3B%20stroke-dasharray%3A%20918.359%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%20262.5%20667.7%20L%20409%20617%20L%20616%20459%20L%20721%20402%20L%20750%20393%20L%20815%20390%20L%20941%20398%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%22756.5977653662379%2C756.5977653662379%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20756.595%3B%20stroke-dasharray%3A%20756.595%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%20166.7%20295.3%20L%20310%20261%20L%20639%20307%20L%20704%20299%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%22544.9876325003702%2C544.9876325003702%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20545.039%3B%20stroke-dasharray%3A%20545.039%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%20386.6%20480.7%20L%20483%20407%20L%20511%20368%20L%20509%20129%20L%20502%2054%20L%20490%2028%20L%20478%2024%20L%20358%2073%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%22654.6491007528019%2C654.6491007528019%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20654.593%3B%20stroke-dasharray%3A%20654.593%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%20358.1%20273.8%20L%20286%20127%20L%20234%2066%20L%20217%2037%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%22277.2774755745799%2C277.2774755745799%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20277.322%3B%20stroke-dasharray%3A%20277.322%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%20556.7%20260.8%20L%20765%20117%20L%20788%2092%20L%20809%2046%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%22337.65496488410633%2C337.65496488410633%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20337.653%3B%20stroke-dasharray%3A%20337.653%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
122 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 →
We must meet all conditions to sign the contract.
The new regulation will be implemented next month.
The lines in this painting are very smooth and elegant.
This pair of trousers is very new.
