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%20375%20746%20Q%20394%20728%20415%20707%20Q%20428%20694%20445%20695%20Q%20455%20695%20461%20709%20Q%20465%20724%20456%20753%20Q%20450%20769%20425%20780%20Q%20361%20801%20348%20795%20Q%20344%20791%20344%20778%20Q%20348%20768%20375%20746%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20587%20794%20Q%20572%20766%20518%20687%20Q%20508%20669%20526%20674%20Q%20571%20702%20595%20722%20Q%20652%20771%20674%20781%20Q%20696%20793%20683%20810%20Q%20668%20826%20641%20839%20Q%20616%20852%20603%20848%20Q%20590%20845%20596%20832%20Q%20600%20813%20587%20794%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20505%20601%20Q%20572%20614%20647%20625%20Q%20711%20638%20722%20646%20Q%20729%20653%20726%20661%20Q%20720%20673%20694%20680%20Q%20667%20687%20568%20657%20Q%20390%20620%20290%20613%20Q%20256%20609%20279%20593%20Q%20318%20568%20368%20579%20Q%20414%20586%20461%20594%20L%20505%20601%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20524%20482%20Q%20651%20510%20654%20512%20Q%20661%20519%20658%20526%20Q%20652%20536%20628%20543%20Q%20601%20549%20527%20523%20L%20472%20510%20Q%20418%20500%20356%20496%20Q%20325%20492%20347%20476%20Q%20380%20458%20461%20471%20Q%20467%20472%20473%20473%20L%20524%20482%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20519%20403%20Q%20520%20446%20524%20482%20L%20527%20523%20Q%20528%20530%20529%20536%20Q%20535%20572%20529%20579%20Q%20517%20592%20505%20601%20C%20481%20620%20450%20622%20461%20594%20Q%20468%20584%20472%20510%20L%20473%20473%20Q%20473%20442%20474%20397%20C%20475%20367%20518%20373%20519%20403%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20469%20359%20Q%20604%20380%20782%20394%20Q%20792%20391%20803%20405%20Q%20804%20417%20782%20429%20Q%20743%20453%20674%20434%20Q%20530%20407%20519%20403%20L%20474%20397%20Q%20437%20394%20214%20374%20Q%20184%20371%20206%20352%20Q%20239%20322%20269%20329%20Q%20342%20342%20429%20354%20L%20469%20359%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20508%20230%20Q%20572%20239%20739%20239%20Q%20758%20240%20764%20248%20Q%20768%20260%20752%20274%20Q%20692%20317%20646%20299%20Q%20591%20289%20511%20274%20L%20445%20264%20Q%20360%20252%20264%20238%20Q%20243%20237%20259%20219%20Q%20286%20194%20343%20204%20Q%20388%20216%20440%20222%20L%20508%20230%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20511%20274%20Q%20512%20277%20513%20280%20Q%20517%20302%20523%20313%20Q%20530%20320%20524%20331%20Q%20517%20340%20469%20359%20C%20441%20370%20421%20379%20429%20354%20Q%20429%20351%20441%20320%20Q%20444%20313%20445%20264%20L%20440%20222%20Q%20413%20102%20312%2034%20Q%20270%209%20190%20-25%20Q%20162%20-37%20194%20-40%20Q%20272%20-43%20376%2018%20Q%20397%2033%20416%2054%20Q%20470%20112%20495%20205%20L%20511%20274%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-9%22%3E%3Cpath%20d%3D%22M%20495%20205%20Q%20589%2090%20708%20-32%20Q%20730%20-51%20763%20-48%20Q%20878%20-35%20913%20-24%20Q%20923%20-20%20924%20-15%20Q%20924%20-9%20909%20-2%20Q%20759%2043%20701%2080%20Q%20613%20141%20508%20230%20C%20485%20249%20473%20232%20495%20205%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%20267.8%20841.4%20L%20418%20749%20L%20443%20713%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%22220.15090161399098%2C220.15090161399098%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20220.175%3B%20stroke-dasharray%3A%20220.175%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%20533.3%20908.7%20L%20623%20819%20L%20632%20800%20L%20529%20685%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%22302.2764952379962%2C302.2764952379962%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20302.261%3B%20stroke-dasharray%3A%20302.261%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%20182.8%20617%20L%20343%20596%20L%20682%20658%20L%20713%20656%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%22537.2097851976152%2C537.2097851976152%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20537.258%3B%20stroke-dasharray%3A%20537.258%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%20250.8%20505.9%20L%20375%20482%20L%20449%20486%20L%20593%20520%20L%20650%20521%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.5526590047534%2C405.5526590047534%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20405.555%3B%20stroke-dasharray%3A%20405.555%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%20392.3%20659.3%20L%20497%20569%20L%20501%20550%20L%20497%20429%20L%20480%20406%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%22307.37166421842784%2C307.37166421842784%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20307.345%3B%20stroke-dasharray%3A%20307.345%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%20110.2%20384.7%20L%20260%20353%20L%20460%20376%20L%20706%20415%20L%20746%20416%20L%20791%20407%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%22689.4448375605863%2C689.4448375605863%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20689.411%3B%20stroke-dasharray%3A%20689.411%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%20165.2%20257.7%20L%20281%20223%20L%20331%20224%20L%20524%20255%20L%20678%20272%20L%20754%20253%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%22599.638872751674%2C599.638872751674%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20599.646%3B%20stroke-dasharray%3A%20599.646%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%20354.1%20410.3%20L%20466%20332%20L%20481%20310%20L%20466%20204%20L%20432%20121%20L%20401%2077%20L%20356%2034%20L%20266%20-12%20L%20201%20-30%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%22644.5824617304315%2C644.5824617304315%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20644.537%3B%20stroke-dasharray%3A%20644.537%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%20471.4%20316.2%20L%20510%20208%20L%20610%20112%20L%20736%207%20L%20769%20-3%20L%20916%20-16%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%22599.5586892456553%2C599.5586892456553%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20599.572%3B%20stroke-dasharray%3A%20599.572%3B%20animation%3A%20800ms%20linear%208000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
134 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 →
He is studying fine arts at university.
This plan is arranged perfectly.
This garden is very beautiful.
The scenery here is really beautiful.
