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%20177%20645%20Q%20208%20617%20239%20585%20Q%20252%20572%20268%20571%20Q%20278%20571%20285%20585%20Q%20289%20600%20282%20629%20Q%20273%20665%20174%20693%20Q%20158%20697%20152%20695%20Q%20148%20691%20148%20678%20Q%20151%20668%20177%20645%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20277%20444%20Q%20193%20305%20136%20227%20Q%20123%20211%20110%20214%20Q%2094%20217%2089%20197%20Q%2088%20170%20103%20150%20Q%20121%20122%20137%20113%20Q%20150%20106%20161%20109%20Q%20170%20113%20173%20123%20Q%20182%20169%20197%20206%20Q%20243%20315%20284%20416%20Q%20294%20435%20292%20444%20Q%20289%20462%20277%20444%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20527%20699%20Q%20569%20762%20587%20777%20Q%20596%20787%20591%20799%20Q%20588%20811%20563%20832%20Q%20539%20848%20522%20849%20Q%20506%20848%20512%20828%20Q%20527%20794%20455%20680%20Q%20421%20628%20375%20572%20Q%20365%20562%20363%20557%20Q%20360%20547%20373%20549%20Q%20409%20553%20506%20673%20L%20527%20699%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20571%20533%20Q%20683%20653%20727%20680%20Q%20746%20690%20733%20705%20Q%20720%20718%20681%20741%20Q%20663%20748%20648%20737%20Q%20638%20733%20557%20707%20Q%20542%20703%20527%20699%20C%20498%20691%20476%20674%20506%20673%20Q%20533%20670%20616%20686%20Q%20626%20689%20628%20686%20Q%20632%20682%20625%20670%20Q%20594%20616%20534%20525%20C%20518%20500%20550%20511%20571%20533%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20747%20332%20Q%20757%20381%20770%20412%20L%20790%20459%20Q%20803%20484%20822%20500%20Q%20840%20519%20824%20538%20Q%20746%20598%20691%20570%20Q%20633%20548%20578%20535%20Q%20574%20534%20571%20533%20L%20534%20525%20Q%20467%20513%20403%20506%20Q%20387%20505%20388%20494%20Q%20391%20485%20410%20479%20Q%20435%20469%20473%20480%20Q%20495%20484%20518%20488%20L%20561%20498%20Q%20622%20511%20684%20524%20Q%20711%20531%20721%20520%20Q%20734%20507%20731%20482%20Q%20727%20464%20724%20446%20L%20715%20408%20Q%20705%20369%20695%20334%20C%20687%20305%20741%20303%20747%20332%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20770%20412%20Q%20810%20415%20921%20416%20Q%20939%20417%20943%20425%20Q%20947%20435%20933%20447%20Q%20882%20486%20824%20467%20Q%20808%20464%20790%20459%20L%20724%20446%20Q%20643%20436%20591%20424%20L%20540%20416%20Q%20431%20401%20311%20384%20Q%20292%20383%20306%20367%20Q%20319%20355%20335%20350%20Q%20354%20346%20368%20350%20Q%20450%20375%20544%20388%20L%20595%20396%20Q%20647%20405%20715%20408%20L%20770%20412%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20552%20302%20Q%20470%20287%20397%20278%20Q%20375%20275%20388%20256%20Q%20395%20246%20407%20242%20Q%20419%20239%20434%20242%20Q%20480%20254%20554%20264%20L%20604%20271%20Q%20673%20281%20766%20289%20Q%20778%20290%20780%20301%20Q%20780%20310%20747%20332%20C%20733%20341%20724%20340%20695%20334%20Q%20647%20325%20602%20313%20L%20552%20302%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-8%22%3E%3Cpath%20d%3D%22M%20518%20488%20Q%20530%20470%20540%20416%20L%20544%20388%20Q%20548%20348%20552%20302%20L%20554%20264%20Q%20558%20120%20531%2073%20Q%20528%2067%20522%2065%20Q%20510%2061%20416%2080%20Q%20409%2080%20406%2077%20Q%20405%2073%20413%2065%20Q%20479%2011%20513%20-29%20Q%20523%20-42%20532%20-40%20Q%20542%20-39%20563%20-20%20Q%20609%2025%20610%20152%20Q%20609%20198%20605%20269%20Q%20604%20270%20604%20271%20L%20602%20313%20Q%20598%20374%20595%20396%20L%20591%20424%20Q%20588%20482%20577%20489%20Q%20568%20495%20561%20498%20C%20535%20513%20505%20515%20518%20488%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%2089%20762.3%20L%20170%20675%20L%20239%20632%20L%20266%20590%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%22250.3368306025339%2C250.3368306025339%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20250.321%3B%20stroke-dasharray%3A%20250.321%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%20184.3%2030.4%20L%20140%20175%20L%20188%20252%20L%20285%20439%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%22452.6412572445756%2C452.6412572445756%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20452.63%3B%20stroke-dasharray%3A%20452.63%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%20454.7%20910%20L%20542%20814%20L%20550%20793%20L%20538%20769%20L%20468%20658%20L%20409%20588%20L%20371%20556%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%22451.49273720658107%2C451.49273720658107%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20451.519%3B%20stroke-dasharray%3A%20451.519%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%20420.9%20632.6%20L%20538%20689%20L%20634%20709%20L%20669%20699%20L%20671%20692%20L%20652%20656%20L%20570%20550%20L%20551%20535%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%22470.6371391301999%2C470.6371391301999%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20470.645%3B%20stroke-dasharray%3A%20470.645%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%20298.7%20506.7%20L%20432%20491%20L%20508%20502%20L%20716%20552%20L%20744%20544%20L%20773%20515%20L%20770%20498%20L%20729%20361%20L%20702%20340%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%22689.555701357067%2C689.555701357067%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20689.543%3B%20stroke-dasharray%3A%20689.543%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%20208.9%20389.6%20L%20359%20369%20L%20612%20414%20L%20839%20443%20L%20875%20444%20L%20933%20430%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%22732.9735135992017%2C732.9735135992017%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20733.002%3B%20stroke-dasharray%3A%20733.002%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%20298.8%20293.5%20L%20416%20260%20L%20701%20309%20L%20745%20310%20L%20770%20301%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%22481.6039561892534%2C481.6039561892534%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20481.657%3B%20stroke-dasharray%3A%20481.657%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%20440.7%20539.3%20L%20557%20468%20L%20570%20389%20L%20582%20182%20L%20574%2089%20L%20560%2049%20L%20534%2019%20L%20413%2073%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%22731.6937165522305%2C731.6937165522305%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20731.751%3B%20stroke-dasharray%3A%20731.751%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)
86 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
Purify
We need to purify the air to improve the environment.
Please give me a bottle of purified water.
This room is very clean and tidy.
The net content of this bottle of water is five hundred milliliters.
