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%20420%20777%20Q%20448%20753%20480%20724%20Q%20498%20708%20517%20710%20Q%20530%20711%20536%20728%20Q%20540%20747%20528%20783%20Q%20521%20805%20485%20819%20Q%20400%20846%20384%20836%20Q%20378%20830%20380%20815%20Q%20386%20802%20420%20777%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20528%20568%20Q%20553%20574%20753%20603%20Q%20766%20602%20776%20616%20Q%20777%20631%20751%20643%20Q%20709%20670%20625%20641%20Q%20424%20593%20256%20571%20Q%20225%20568%20193%20562%20Q%20159%20558%20185%20537%20Q%20224%20507%20258%20515%20Q%20364%20539%20496%20563%20L%20528%20568%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20507%20261%20Q%20553%20339%20576%20447%20Q%20582%20480%20591%20501%20Q%20598%20514%20588%20525%20Q%20558%20561%20528%20568%20C%20500%20579%20493%20582%20496%20563%20Q%20495%20560%20496%20555%20Q%20526%20444%20468%20318%20Q%20464%20311%20461%20302%20L%20442%20267%20Q%20385%20183%20252%20131%20Q%20204%20115%20137%2095%20Q%20125%2094%20120%2090%20Q%20113%2086%20123%2079%20Q%20130%2076%20146%2078%20Q%20261%2085%20347%20123%20Q%20414%20150%20482%20225%20L%20507%20261%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20482%20225%20Q%20525%20164%20676%2038%20Q%20698%2016%20734%2016%20Q%20842%2017%20928%2032%20Q%20974%2039%20970%2051%20Q%20969%2058%20922%2069%20Q%20732%20114%20678%20141%20Q%20612%20172%20507%20261%20L%20461%20302%20Q%20415%20345%20368%20394%20Q%20326%20437%20288%20437%20Q%20269%20437%20265%20432%20Q%20264%20425%20280%20412%20Q%20331%20384%20442%20267%20L%20482%20225%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%20303.1%20877.4%20L%20485%20774%20L%20514%20732%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%22260.3140833705793%2C260.3140833705793%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20260.274%3B%20stroke-dasharray%3A%20260.274%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%2089.1%20570.5%20L%20230%20541%20L%20259%20543%20L%20678%20624%20L%20725%20626%20L%20764%20618%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%22686.6127838061409%2C686.6127838061409%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20686.636%3B%20stroke-dasharray%3A%20686.636%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%20425.2%20623%20L%20532%20534%20L%20544%20515%20L%20543%20462%20L%20513%20344%20L%20491%20294%20L%20456%20237%20L%20388%20174%20L%20331%20141%20L%20250%20110%20L%20154%2087%20L%20126%2086%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%22829.8267172077974%2C829.8267172077974%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20829.798%3B%20stroke-dasharray%3A%20829.798%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%20180.7%20472%20L%20336%20398%20L%20561%20179%20L%20697%2081%20L%20729%2067%20L%20789%2059%20L%20964%2049%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%22924.3734733457134%2C924.3734733457134%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20924.389%3B%20stroke-dasharray%3A%20924.389%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)
242 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 →
Chinese culture has a long history.
He has been very interested in Chinese culture since childhood.
She really enjoys reading literary works.
Civilization progress requires everyone's joint efforts.
