岚 (lan): Mountain mist — Stroke Order & Writing Guide
1. Animated Stroke Order 岚
Watch each stroke animate in order, then practice the same sequence by hand.
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%20521%20640%20Q%20536%20748%20550%20802%20Q%20553%20812%20535%20826%20Q%20504%20844%20482%20848%20Q%20467%20852%20460%20844%20Q%20453%20837%20460%20823%20Q%20481%20799%20481%20634%20C%20481%20604%20517%20610%20521%20640%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-2%22%3E%3Cpath%20d%3D%22M%20665%20658%20Q%20589%20652%20521%20640%20L%20481%20634%20Q%20414%20624%20353%20606%20Q%20334%20603%20341%20624%20Q%20347%20652%20353%20681%20Q%20359%20705%20350%20720%20Q%20337%20739%20313%20754%20Q%20301%20761%20291%20760%20Q%20281%20756%20286%20736%20Q%20302%20693%20292%20650%20Q%20285%20610%20266%20592%20Q%20247%20576%20253%20561%20Q%20263%20545%20280%20533%20Q%20293%20524%20304%20532%20Q%20340%20568%20556%20609%20Q%20638%20625%20664%20620%20C%20694%20618%20695%20661%20665%20658%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-3%22%3E%3Cpath%20d%3D%22M%20664%20620%20Q%20667%20601%20673%20586%20Q%20680%20570%20693%20579%20Q%20717%20603%20731%20682%20Q%20744%20724%20756%20736%20Q%20766%20749%20757%20764%20Q%20739%20782%20710%20803%20Q%20698%20810%20686%20806%20Q%20679%20803%20679%20790%20Q%20688%20781%20688%20722%20Q%20682%20694%20665%20658%20L%20664%20620%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-4%22%3E%3Cpath%20d%3D%22M%20328%20475%20Q%20325%20478%20322%20479%20Q%20276%20504%20260%20502%20Q%20241%20499%20255%20477%20Q%20288%20425%20259%20249%20Q%20250%20203%20226%20147%20Q%20201%2089%20128%2023%20Q%20115%2010%20110%204%20Q%20109%20-3%20120%20-3%20Q%20159%20-3%20219%2059%20Q%20309%20155%20327%20390%20Q%20327%20399%20334%20442%20C%20338%20469%20338%20469%20328%20475%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-5%22%3E%3Cpath%20d%3D%22M%20922%20-28%20Q%20915%2042%20914%20164%20Q%20915%20176%20908%20181%20Q%20902%20185%20899%20171%20Q%20868%2069%20856%2055%20Q%20852%2048%20832%2056%20Q%20792%2072%20760%20133%20Q%20732%20187%20722%20258%20Q%20710%20331%20723%20428%20Q%20724%20462%20747%20488%20Q%20771%20507%20709%20552%20Q%20690%20565%20666%20554%20Q%20647%20544%20612%20536%20Q%20410%20493%20328%20475%20C%20299%20469%20305%20435%20334%20442%20Q%20341%20443%20351%20446%20Q%20478%20480%20636%20503%20Q%20655%20504%20664%20499%20Q%20670%20493%20665%20392%20Q%20665%20119%20777%2015%20Q%20828%20-36%20894%20-53%20Q%20910%20-59%20918%20-50%20Q%20924%20-43%20922%20-28%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-6%22%3E%3Cpath%20d%3D%22M%20527%20246%20Q%20551%20285%20575%20340%20Q%20585%20362%20600%20385%20Q%20607%20392%20602%20403%20Q%20596%20412%20569%20428%20Q%20550%20440%20541%20438%20Q%20529%20435%20530%20421%20Q%20536%20360%20491%20277%20L%20469%20242%20Q%20424%20175%20312%2088%20Q%20305%2081%20311%2079%20Q%20318%2076%20328%2080%20Q%20436%20125%20499%20205%20L%20527%20246%20Z%22%3E%3C%2Fpath%3E%3C%2FclipPath%3E%3CclipPath%20id%3D%22mask-7%22%3E%3Cpath%20d%3D%22M%20499%20205%20Q%20592%2082%20603%2077%20Q%20610%2076%20617%2082%20Q%20627%2092%20622%20127%20Q%20619%20169%20527%20246%20L%20491%20277%20Q%20434%20326%20400%20350%20Q%20393%20354%20390%20345%20Q%20389%20335%20396%20325%20Q%20430%20288%20469%20242%20L%20499%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%20400.3%20904.7%20L%20510%20795%20L%20502%20659%20L%20486%20647%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%22311.3894198599619%2C311.3894198599619%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20311.374%3B%20stroke-dasharray%3A%20311.374%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%20236.9%20831.4%20L%20320%20715%20L%20325%20693%20L%20310%20583%20L%20350%20582%20L%20462%20611%20L%20615%20637%20L%20644%20639%20L%20660%20626%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%22637.1745695696667%2C637.1745695696667%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20637.182%3B%20stroke-dasharray%3A%20637.182%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%20612.4%20854.8%20L%20705%20782%20L%20722%20749%20L%20694%20651%20L%20685%20588%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%22320.48706495802253%2C320.48706495802253%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20320.473%3B%20stroke-dasharray%3A%20320.473%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%20181.7%20550%20L%20287%20469%20L%20299%20453%20L%20302%20437%20L%20290%20285%20L%20272%20204%20L%20247%20138%20L%20215%2086%20L%20173%2040%20L%20118%204%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%22664.1876178378559%2C664.1876178378559%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20664.235%3B%20stroke-dasharray%3A%20664.235%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%20278.9%20366.6%20L%20347%20462%20L%20474%20492%20L%20657%20526%20L%20688%20524%20L%20706%20502%20L%20696%20451%20L%20690%20361%20L%20692%20301%20L%20705%20214%20L%20738%20116%20L%20778%2056%20L%20840%2013%20L%20872%2011%20L%20889%2054%20L%20906%20174%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%221233.9605715914174%2C1233.9605715914174%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%201233.97%3B%20stroke-dasharray%3A%201233.97%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%20492.2%20509.5%20L%20564%20391%20L%20536%20313%20L%20498%20243%20L%20419%20153%20L%20316%2083%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%22545.3992411359216%2C545.3992411359216%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20545.367%3B%20stroke-dasharray%3A%20545.367%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%20328.3%20412.7%20L%20569%20165%20L%20600%20115%20L%20608%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%22434.30500612931127%2C434.30500612931127%22%20style%3D%22opacity%3A%200%3B%20stroke-dashoffset%3A%20434.3%3B%20stroke-dasharray%3A%20434.3%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)
50 learners have practiced this character
Download and print worksheets to practice writing 岚
Real-world example sentences demonstrating how 岚 is used in context
Arashiyama in Kyoto is a very popular tourist attraction.
Enjoying HanziStroke?$24.99 one-time· Unlimited practice· No ads Learn more →
In the morning, there is a lot of mountain mist in the mountains, like a fairyland.
A faint mountain mist drifts from afar, making people feel peaceful.