рдпрджрд┐ рдЖрдк рдбреЗрдореЛ рд╕рд╛рдордЧреНрд░реА рд▓реЛрдб рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рд╕рд╛рдордЧреНрд░реА рдХреЛ рд╕рд╣реЗрдЬрдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рджрдмрд╛рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ URL about:blank
рдкрд░ рдПрдХ рдЦрд╛рд▓реА рдирдпрд╛ рдЯреИрдм рдорд┐рд▓рддрд╛ рд╣реИ, рдЬреЛ рд╡рд╣рд╛рдВ рдХреБрдЫ рд╕реЗрдХрдВрдб рдХреЗ рд▓рд┐рдП рдмреИрдарддрд╛ рд╣реИ, рдФрд░ рдлрд┐рд░ рдпрд╣ рдЖрдкрдХреЛ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдкрд░ рдкреБрдирд░реНрдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд░рддрд╛ рд╣реИред
рдкреГрд╖реНрдарднреВрдорд┐ рдореЗрдВ рдХреНрдпрд╛ рд╣реЛрддрд╛ рд╣реИ рдХрд┐ рдЬреИрд╕реЗ рд╣реА рдЖрдк рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рджрдмрд╛рддреЗ рд╣реИрдВ, рд╣рдо рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕рд╛рдордЧреНрд░реА рдХреЛ рд╕рд╣реЗрдЬрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд╣рдо рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдЯреИрдм рднреА рдЦреЛрд▓рддреЗ рд╣реИрдВ рдЬрд╣рд╛рдВ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдЕрдВрддрддрдГ рд▓реЛрдб рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
рдкреНрд░рддреАрдХреНрд╖рд╛ рдЕрд╡рдзрд┐ рдереЛрдбрд╝реА рдкрд░реЗрд╢рд╛рди рдХрд░рдиреЗ рд╡рд╛рд▓реА рд╣реИ, рд╣рд╛рд▓рд╛рдБрдХрд┐:
рдпрд╣ рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдпрджрд┐ about:blank
рд▓реЛрдб рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп, рд╣рдо рдХреБрдЫ рдФрд░ рд▓реЛрдб рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдПрдХ рдордзреНрдпрд╡рд░реНрддреА рдкреГрд╖реНрда рдЬреЛ "рдЖрдкрдХрд╛ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рддреИрдпрд╛рд░ рдХрд░ рд░рд╣рд╛ рд╣реИ" рдпрд╛ рдХреБрдЫ рдФрд░ред рдЬрдЯрд┐рд▓ рд╣реЛрдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рдкрд╛рда рдХреЗрдВрджреНрд░рд┐рдд рдХреЗ рд╕рд╛рде рдПрдХ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╕рдлреЗрдж рдкреГрд╖реНрда рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рдереЛрдбрд╝рд╛ рддрдХрдиреАрдХреА рд╕рдВрджрд░реНрдн:
рдкреЙрдкрдЕрдк рд╡рд┐рдВрдбреЛ рдХреЛ рдХреЗрд╡рд▓ рдпреВрдЬрд░ рдЗрдВрдЯрд░реЗрдХреНрд╢рди рдХреЗ рдЬрд╡рд╛рдм рдореЗрдВ рд╣реА рдЦреЛрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП, рдЬреИрд╕реЗ рд╣реА рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реИ, рд╣рдореЗрдВ рдкреЙрдкрдЕрдк рдЦреЛрд▓рдирд╛ рдЪрд╛рд╣рд┐рдП, рдЕрдиреНрдпрдерд╛ рд╣рдореЗрдВ рдмрд╛рдж рдореЗрдВ рдРрд╕рд╛ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рдирд╣реАрдВ рджреА рдЬрд╛рдПрдЧреА (рджрд┐рдЦрд╛рдиреЗ рд╕реЗ рдкрд╣рд▓реЗ рд╕рдВрдкрд╛рджрдХ рдореЗрдВ рд╕реЗрд╡ рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ)ред
рдкреНрд░рдХреНрд░рд┐рдпрд╛ рд╣реИ:
рдЬрдмрдХрд┐ рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЛ рдХрд┐рд╕реА рдЕрдиреНрдп рдкреГрд╖реНрда рдкрд░ рдирд┐рд░реНрджреЗрд╢рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдХреЗ рд╕рд╛рде рдПрдХ рд▓реЛрдб рд╕рдордп рдЬреБрдбрд╝рд╛ рд╣реЛрдЧрд╛, рдПрдХ рдЕрдиреНрдп рд╡рд┐рдХрд▓реНрдк рд╣рдорд╛рд░реЗ рдордзреНрдпрд╡рд░реНрддреА рд╕рдВрджреЗрд╢ рдХреЗ рд╕рд╛рде рд╕реАрдзреЗ рд░рд┐рдХреНрдд рдкреГрд╖реНрда рдкрд░ рд▓рд┐рдЦрдирд╛ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рдбреЗрдореЛ: https://codepen.io/aduth/pen/jGJaYX
рдореИрдВрдиреЗ рдЗрд╕ рдкрд░ рдХрд╛рдо рд╢реБрд░реВ рдХрд░
рдЗрд╕реЗ #3157 . рджреНрд╡рд╛рд░рд╛ рдмрдВрдж рдорд╛рдирддреЗ рд╣реБрдП
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдореИрдВрдиреЗ рдЗрд╕ рдкрд░ рдХрд╛рдо рд╢реБрд░реВ рдХрд░