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%20657%20508%20Q%20696%20634%20739%20664%20Q%20758%20686%20741%20708%20Q%20720%20724%20658%20753%20Q%20636%20762%20610%20752%20Q%20489%20695%20295%20659%20C%20266%20653%20277%20611%20306%20620%20Q%20396%20647%20425%20652%20L%20471%20664%20Q%20523%20679%20581%20693%20Q%20612%20703%20626%20691%20Q%20639%20678%20634%20651%20Q%20616%20572%20594%20509%20C%20584%20481%20648%20479%20657%20508%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20425%20652%20Q%20426%20640%20422%20465%20C%20421%20435%20468%20447%20472%20477%20Q%20485%20585%20492%20613%20Q%20504%20640%20472%20663%20L%20471%20664%20C%20448%20683%20424%20682%20425%20652%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20273%20411%20Q%20291%20398%20314%20404%20Q%20428%20435%20675%20469%20Q%20687%20470%20688%20481%20Q%20688%20490%20657%20508%20L%20594%20509%20Q%20530%20493%20472%20477%20L%20422%20465%20Q%20343%20450%20276%20439%20Q%20273%20439%20274%20438%20C%20245%20432%20247%20425%20273%20411%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20929%20157%20Q%20905%20224%20890%20337%20Q%20887%20356%20878%20362%20Q%20868%20369%20864%20343%20Q%20851%20201%20831%20176%20Q%20774%20113%20538%20115%20Q%20409%20121%20355%20144%20Q%20307%20169%20297%20202%20Q%20276%20253%20272%20387%20Q%20272%20400%20273%20411%20L%20274%20438%20Q%20280%20549%20301%20605%20Q%20304%20612%20306%20620%20C%20314%20645%20314%20645%20295%20659%20Q%20294%20660%20292%20662%20Q%20229%20708%20211%20703%20Q%20192%20696%20202%20675%20Q%20227%20629%20222%20560%20Q%20218%20232%20249%20167%20Q%20286%2080%20446%2059%20Q%20548%2046%20707%2056%20Q%20851%2066%20907%2097%20Q%20946%20118%20929%20157%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%20226.4%20716.8%20L%20319%20644%20L%20333%20646%20L%20602%20722%20L%20643%20722%20L%20668%20703%20L%20684%20679%20L%20634%20537%20L%20602%20513%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%22703.2673133267102%2C703.2673133267102%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20703.253%3B%20stroke-dasharray%3A%20703.253%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%20361.9%20720.3%20L%20460%20626%20L%20448%20496%20L%20425%20479%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%22295.2227482488338%2C295.2227482488338%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20295.227%3B%20stroke-dasharray%3A%20295.227%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%20194.9%20485.1%20L%20293%20422%20L%20314%20425%20L%20592%20483%20L%20649%20488%20L%20678%20480%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%22509.1445314730438%2C509.1445314730438%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20509.143%3B%20stroke-dasharray%3A%20509.143%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%20145.4%20757.8%20L%20247%20653%20L%20262%20621%20L%20252%20547%20L%20246%20388%20L%20254%20270%20L%20266%20205%20L%20274%20181%20L%20295%20150%20L%20343%20116%20L%20456%2089%20L%20610%2083%20L%20773%20100%20L%20845%20124%20L%20876%20145%20L%20878%20160%20L%20875%20352%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%221475.702897287413%2C1475.702897287413%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201475.7%3B%20stroke-dasharray%3A%201475.7%3B%20animation%3A%20800ms%20linear%203000ms%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 巴
Real-world example sentences demonstrating how 巴 is used in context
He always flatters his boss for promotion.
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
He angrily clapped his hands.
The kitten's tail is held high.
