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%20330%20768%20Q%20320%20772%20297%20776%20Q%20287%20780%20283%20775%20Q%20276%20769%20285%20754%20Q%20310%20699%20326%20608%20Q%20329%20581%20345%20563%20Q%20361%20542%20366%20557%20Q%20370%20569%20370%20589%20L%20366%20618%20Q%20351%20709%20349%20738%20C%20347%20762%20347%20762%20330%20768%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20668%20658%20Q%20690%20727%20721%20750%20Q%20737%20769%20723%20786%20Q%20707%20799%20655%20825%20Q%20637%20832%20616%20824%20Q%20498%20781%20330%20768%20C%20300%20766%20319%20738%20349%20738%20Q%20368%20737%20391%20742%20Q%20493%20760%20590%20777%20Q%20615%20783%20625%20772%20Q%20634%20765%20633%20747%20Q%20627%20701%20618%20663%20C%20611%20634%20658%20630%20668%20658%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20370%20589%20Q%20383%20583%20402%20586%20Q%20490%20605%20682%20620%20Q%20694%20621%20695%20630%20Q%20695%20639%20668%20658%20C%20654%20668%20648%20667%20618%20663%20Q%20617%20664%20614%20663%20Q%20478%20632%20368%20620%20Q%20367%20620%20366%20618%20C%20337%20609%20341%20598%20370%20589%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20341%20505%20Q%20322%20518%20301%20524%20Q%20294%20525%20287%20518%20Q%20284%20512%20291%20503%20Q%20321%20425%20304%20274%20Q%20292%20201%20293%20194%20Q%20303%20163%20313%20151%20Q%20323%20139%20333%20152%20Q%20355%20179%20356%20328%20Q%20356%20449%20360%20473%20C%20362%20492%20362%20492%20341%20505%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20654%20213%20Q%20647%20191%20660%20169%20Q%20673%20141%20682%20142%20Q%20695%20143%20711%20175%20Q%20726%20200%20724%20220%20Q%20714%20299%20716%20422%20Q%20716%20458%20736%20488%20Q%20746%20504%20739%20515%20Q%20711%20540%20662%20562%20Q%20646%20568%20621%20559%20Q%20480%20502%20341%20505%20C%20311%20505%20330%20468%20360%20473%20Q%20364%20474%20368%20474%20Q%20443%20487%20500%20498%20Q%20620%20523%20646%20506%20Q%20656%20484%20660%20425%20Q%20664%20247%20654%20213%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20477%20368%20Q%20489%20173%20438%20101%20Q%20395%2037%20246%20-21%20Q%20234%20-24%20231%20-27%20Q%20225%20-31%20240%20-36%20Q%20321%20-42%20435%2025%20Q%20454%2040%20470%2057%20Q%20524%20121%20529%20294%20Q%20533%20373%20542%20399%20Q%20546%20409%20538%20416%20Q%20520%20431%20487%20443%20Q%20468%20452%20452%20446%20Q%20434%20439%20449%20422%20Q%20476%20397%20477%20368%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20571%2088%20Q%20635%2036%20714%20-43%20Q%20732%20-64%20748%20-67%20Q%20758%20-68%20765%20-57%20Q%20778%20-42%20762%203%20Q%20749%2048%20675%2079%20Q%20632%20100%20571%20121%20Q%20561%20125%20559%20113%20Q%20559%2098%20571%2088%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%20214.8%20832.8%20L%20311%20751%20L%20323%20730%20L%20356%20562%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%22321.6459796222723%2C321.6459796222723%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20321.673%3B%20stroke-dasharray%3A%20321.673%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%20268.3%20837.7%20L%20348%20758%20L%20368%20754%20L%20603%20799%20L%20637%20799%20L%20675%20766%20L%20650%20686%20L%20625%20668%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%22571.3437571971832%2C571.3437571971832%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20571.329%3B%20stroke-dasharray%3A%20571.329%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%20291.8%20668.9%20L%20387%20603%20L%20616%20639%20L%20660%20639%20L%20686%20630%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%22419.13744545616026%2C419.13744545616026%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20419.11%3B%20stroke-dasharray%3A%20419.11%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%20228.7%20585.1%20L%20323%20487%20L%20331%20466%20L%20333%20316%20L%20320%20199%20L%20323%20156%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%22469.3794463090715%2C469.3794463090715%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20469.384%3B%20stroke-dasharray%3A%20469.384%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%20260.3%20548.1%20L%20374%20489%20L%20510%20509%20L%20522%20516%20L%20635%20537%20L%20658%20533%20L%20682%20513%20L%20693%20498%20L%20687%20437%20L%20690%20214%20L%20683%20153%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%22813.3701207971388%2C813.3701207971388%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20813.335%3B%20stroke-dasharray%3A%20813.335%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%20361.2%20467.6%20L%20474%20426%20L%20506%20397%20L%20499%20208%20L%20474%20111%20L%20447%2069%20L%20399%2030%20L%20310%20-13%20L%20236%20-31%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%22739.5111201647086%2C739.5111201647086%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20739.489%3B%20stroke-dasharray%3A%20739.489%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%20487.4%20162.9%20L%20705%2020%20L%20735%20-16%20L%20749%20-49%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%22343.02059013212374%2C343.02059013212374%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20343.035%3B%20stroke-dasharray%3A%20343.035%3B%20animation%3A%20800ms%20linear%206000ms%201%20normal%20forwards%20running%20draw-stroke%3B%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)
74 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
He is a new employee at our company.
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
The company has five hundred employees.
I am a member of this club.
The government mobilizes the public to participate in environmental protection.
