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%20315%20678%20Q%20483%20714%20487%20717%20Q%20497%20726%20491%20735%20Q%20484%20748%20452%20756%20Q%20419%20762%20387%20749%20Q%20345%20736%20300%20724%20Q%20249%20714%20191%20708%20Q%20151%20701%20179%20683%20Q%20212%20662%20269%20668%20L%20315%20678%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20322%20462%20Q%20377%20477%20434%20493%20C%20463%20501%20451%20520%20421%20515%20Q%20336%20502%20246%20477%20Q%20236%20474%20233%20476%20Q%20232%20480%20237%20488%20Q%20328%20609%20347%20631%20Q%20359%20640%20352%20652%20Q%20348%20662%20315%20678%20C%20288%20692%20269%20698%20269%20668%20Q%20269%20623%20264%20609%20Q%20263%20608%20262%20604%20Q%20222%20513%20151%20464%20Q%20127%20445%20167%20410%20Q%20167%20409%20170%20407%20Q%20180%20397%20193%20408%20Q%20227%20438%20288%20451%20L%20322%20462%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20434%20493%20Q%20455%20472%20458%20470%20Q%20465%20469%20473%20477%20Q%20480%20487%20481%20513%20Q%20482%20532%20460%20553%20Q%20403%20596%20392%20594%20Q%20388%20593%20385%20582%20Q%20385%20576%20421%20515%20L%20434%20493%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20350%20304%20Q%20446%20329%20452%20334%20Q%20459%20341%20455%20349%20Q%20448%20359%20421%20365%20Q%20394%20369%20352%20352%20L%20302%20335%20Q%20293%20334%20285%20330%20Q%20239%20318%20183%20310%20Q%20150%20303%20174%20289%20Q%20211%20271%20297%20291%20Q%20300%20292%20303%20292%20L%20350%20304%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20346%20190%20Q%20347%20251%20350%20304%20L%20352%20352%20Q%20358%20431%20353%20437%20Q%20337%20453%20322%20462%20C%20297%20478%20280%20480%20288%20451%20Q%20298%20421%20302%20349%20Q%20301%20343%20302%20335%20L%20303%20292%20Q%20303%20247%20303%20179%20C%20303%20149%20345%20160%20346%20190%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20303%20179%20Q%20242%20164%20177%20148%20Q%20158%20142%20124%20144%20Q%20111%20143%20108%20133%20Q%20105%20120%20115%20110%20Q%20137%2094%20171%2072%20Q%20181%2068%20195%2077%20Q%20237%20105%20282%20124%20Q%20352%20151%20422%20179%20Q%20449%20189%20468%20203%20Q%20481%20210%20482%20220%20Q%20478%20226%20464%20224%20Q%20407%20208%20346%20190%20L%20303%20179%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20602%20550%20Q%20636%20611%20670%20695%20Q%20686%20738%20702%20761%20Q%20709%20774%20702%20787%20Q%20695%20800%20662%20818%20Q%20631%20831%20611%20828%20Q%20592%20822%20605%20801%20Q%20623%20777%20617%20752%20Q%20590%20614%20489%20425%20Q%20482%20412%20480%20406%20Q%20479%20393%20492%20399%20Q%20522%20411%20585%20521%20L%20602%20550%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20706%20529%20Q%20745%20538%20864%20553%20Q%20877%20556%20878%20563%20Q%20879%20575%20856%20590%20Q%20817%20612%20752%20586%20Q%20713%20574%20683%20567%20Q%20643%20560%20602%20550%20C%20573%20543%20555%20521%20585%20521%20Q%20595%20521%20656%20519%20L%20706%20529%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-9%22%3E%3Cpath%20d%3D%22M%20677%20244%20Q%20695%20283%20733%20417%20Q%20737%20442%20754%20472%20Q%20761%20482%20753%20492%20Q%20737%20511%20706%20529%20C%20681%20545%20642%20545%20656%20519%20Q%20675%20492%20676%20442%20Q%20667%20355%20640%20285%20L%20621%20243%20Q%20558%20144%20416%2089%20Q%20403%2085%20399%2082%20Q%20393%2076%20409%2072%20Q%20452%2062%20554%20110%20Q%20614%20138%20652%20198%20L%20677%20244%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-10%22%3E%3Cpath%20d%3D%22M%20652%20198%20Q%20739%2069%20782%2063%20Q%20864%2053%20931%2054%20Q%20967%2054%20964%2064%20Q%20964%2068%20932%2084%20Q%20764%20162%20728%20194%20Q%20725%20197%20724%20198%20Q%20700%20220%20677%20244%20L%20640%20285%20Q%20618%20312%20597%20340%20Q%20566%20380%20533%20384%20Q%20517%20387%20513%20382%20Q%20510%20376%20524%20365%20Q%20563%20332%20621%20243%20L%20652%20198%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%2084.2%20717.8%20L%20215%20690%20L%20258%20691%20L%20422%20730%20L%20482%20727%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%22405.394261243867%2C405.394261243867%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20405.382%3B%20stroke-dasharray%3A%20405.382%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%20438.2%20663.1%20L%20304%20637%20L%20286%20593%20L%20215%20493%20L%20201%20458%20L%20241%20457%20L%20414%20501%20L%20426%20495%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%22576.4882161319929%2C576.4882161319929%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20576.528%3B%20stroke-dasharray%3A%20576.528%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%20328.1%20660.2%20L%20451%20520%20L%20461%20477%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%22230.59977909549218%2C230.59977909549218%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20230.589%3B%20stroke-dasharray%3A%20230.589%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%2076%20302.4%20L%20246%20300%20L%20394%20341%20L%20445%20343%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%22374.620429469187%2C374.620429469187%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20374.63%3B%20stroke-dasharray%3A%20374.63%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%20209.6%20500%20L%20318%20434%20L%20325%20422%20L%20328%20388%20L%20325%20213%20L%20309%20187%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%22380.5047517986008%2C380.5047517986008%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20380.491%3B%20stroke-dasharray%3A%20380.491%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%2027.2%20156.6%20L%20180%20111%20L%20476%20217%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%22473.88846848011815%2C473.88846848011815%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20473.866%3B%20stroke-dasharray%3A%20473.866%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%20534.5%20873.7%20L%20652%20784%20L%20659%20772%20L%20654%20749%20L%20590%20579%20L%20523%20451%20L%20489%20407%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%22566.9599998813915%2C566.9599998813915%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20566.984%3B%20stroke-dasharray%3A%20566.984%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%20496.5%20485.7%20L%20613%20537%20L%20658%20540%20L%20799%20572%20L%20841%20573%20L%20868%20565%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.17066323393936%2C387.17066323393936%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20387.152%3B%20stroke-dasharray%3A%20387.152%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%20575.5%20563.4%20L%20701%20494%20L%20711%20464%20L%20684%20337%20L%20640%20227%20L%20610%20184%20L%20535%20124%20L%20457%2089%20L%20405%2078%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%22710.4725393870548%2C710.4725393870548%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20710.467%3B%20stroke-dasharray%3A%20710.467%3B%20animation%3A%20800ms%20linear%208000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3Cpath%20clip-path%3D%22url(%23mask-10)%22%20d%3D%22M%20434.3%20433.7%20L%20567%20347%20L%20695%20184%20L%20771%20116%20L%20840%2090%20L%20959%2063%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%22663.5155486208624%2C663.5155486208624%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20663.505%3B%20stroke-dasharray%3A%20663.505%3B%20animation%3A%20800ms%20linear%209000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
50 learners have practiced this character
Sending (攵) something to arrive (至), conveying the idea of causing or delivering with purpose.
Download and print worksheets to practice writing 致
Real-world example sentences demonstrating how 致 is used in context
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
He sent a letter to the relevant department, explaining the situation in detail.
We pay tribute to the heroes
On behalf of the company, I express gratitude to you
Carelessness led to this mistake
