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%20312%20661%20Q%20263%20697%20237%20686%20Q%20224%20677%20232%20664%20Q%20253%20637%20254%20570%20Q%20254%20372%20227%20275%20Q%20199%20179%20133%2056%20Q%20129%2049%20127%2043%20Q%20126%2031%20136%2034%20Q%20154%2037%20186%2086%20Q%20315%20254%20316%20536%20Q%20316%20584%20323%20625%20C%20327%20651%20327%20651%20312%20661%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20956%2010%20Q%20949%2089%20947%20222%20Q%20948%20235%20941%20241%20Q%20934%20245%20930%20230%20Q%20900%20119%20884%20102%20Q%20878%2093%20854%20104%20Q%20802%20128%20764%20209%20Q%20731%20282%20721%20375%20Q%20711%20472%20732%20597%20Q%20736%20640%20766%20674%20Q%20785%20687%20772%20700%20Q%20760%20719%20725%20745%20Q%20704%20760%20653%20738%20Q%20611%20732%20312%20661%20C%20283%20654%20294%20617%20323%20625%20Q%20333%20626%20345%20631%20Q%20478%20668%20645%20692%20Q%20664%20695%20673%20688%20Q%20676%20685%20677%20654%20Q%20623%20239%20781%2075%20Q%20835%209%20923%20-19%20Q%20942%20-26%20952%20-16%20Q%20959%20-9%20956%2010%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20524%20347%20Q%20552%20408%20583%20496%20Q%20602%20541%20603%20543%20Q%20602%20546%20602%20547%20Q%20590%20566%20564%20587%20Q%20548%20602%20534%20600%20Q%20521%20596%20525%20581%20Q%20540%20536%20483%20386%20L%20463%20339%20Q%20415%20240%20316%20140%20Q%20310%20136%20307%20129%20Q%20303%20119%20313%20119%20Q%20346%20116%20434%20209%20Q%20441%20218%20450%20228%20Q%20475%20259%20497%20296%20L%20524%20347%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20497%20296%20Q%20540%20238%20590%20170%20Q%20600%20151%20614%20145%20Q%20621%20142%20629%20150%20Q%20642%20160%20636%20200%20Q%20633%20248%20524%20347%20L%20483%20386%20Q%20411%20452%20369%20486%20Q%20362%20492%20358%20481%20Q%20357%20469%20364%20459%20Q%20412%20405%20463%20339%20L%20497%20296%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%20165.9%20735.5%20L%20274%20649%20L%20286%20622%20L%20283%20456%20L%20270%20342%20L%20248%20254%20L%20222%20187%20L%20168%2085%20L%20137%2044%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%22778.1202106025326%2C778.1202106025326%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20778.149%3B%20stroke-dasharray%3A%20778.149%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%20279.9%20544.8%20L%20335%20648%20L%20449%20677%20L%20672%20718%20L%20704%20712%20L%20720%20690%20L%20703%20617%20L%20692%20515%20L%20692%20387%20L%20706%20292%20L%20746%20177%20L%20785%20118%20L%20821%2082%20L%20867%2055%20L%20899%2050%20L%20922%20109%20L%20938%20233%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%221440.173706295806%2C1440.173706295806%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201440.16%3B%20stroke-dasharray%3A%201440.16%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%20481.5%20670.2%20L%20555%20560%20L%20562%20537%20L%20532%20439%20L%20492%20340%20L%20466%20291%20L%20411%20214%20L%20356%20158%20L%20316%20128%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.344409932415%2C644.344409932415%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20644.357%3B%20stroke-dasharray%3A%20644.357%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%20299.4%20549.7%20L%20566%20259%20L%20604%20204%20L%20617%20160%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%22507.1625145480165%2C507.1625145480165%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20507.17%3B%20stroke-dasharray%3A%20507.17%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)
98 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 →
The wind is very strong today.
Her dressing style is very unique
We should respect local customs.
The scenery here is very beautiful.
