рдХреНрд░реЛрдо рдФрд░ рд╕рдлрд╛рд░реА рдореЗрдВ рдкрд╛рд░рджрд░реНрд╢реА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рд╕рд╛рде рдПрд╕рд╡реАрдЬреА

рдирдорд╕реНрдХрд╛рд░ рдкреНрд░рд┐рдп рдкрд╛рдардХреЛрдВред рдЖрдк рдореЗрдВ рд╕реЗ рдЬрд┐рдиреНрд╣реЛрдВрдиреЗ рдХрднреА svg рдкреНрд░рд╛рд░реВрдк рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд┐рдпрд╛ рд╣реИ, рд╡реЗ рдЕрдиреНрдпрдерд╛ рдЬрд╛рдирддреЗ рд╣реИрдВ рдФрд░ рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд╛рдд рдпрд╣ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рдмрд╣реБрдд рдкреБрд░рд╛рдирд╛ рдмрдЧ рд╣реИ рдЬреЛ рд╡реЗрдмрдХреИрдЯ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдореЗрдВ рд╣реА рдкреНрд░рдХрдЯ рд╣реЛрддрд╛ рд╣реИред рдмрдЧ рдХрд╛ рд╕рд╛рд░ рдпрд╣ рд╣реИ рдХрд┐ рдпрджрд┐ рдЖрдк рдСрдмреНрдЬреЗрдХреНрдЯ рдЯреИрдЧ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рджрд░реНрд╢реА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЗ рд╕рд╛рде рдПрдХ svg рдЫрд╡рд┐ рд╕рдореНрдорд┐рд▓рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рд╕рдлрд╛рд░реА рдФрд░ рдХреНрд░реЛрдо рдЗрд╕реЗ рд╕рдлреЗрдж рд░рдВрдЧ рд╕реЗ рднрд░ рджреЗрдВрдЧреЗ - рдПрдХ рдЙрджрд╛рд╣рд░рдг ред



рдЗрдВрдЯрд░рдиреЗрдЯ рдкрд░ рдореБрдЭреЗ рдорд┐рд▓рд╛ рдкрд╣рд▓рд╛ рд╕рдорд╛рдзрд╛рди рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдирд╛ рдерд╛, рдФрд░ рдСрдмреНрдЬреЗрдХреНрдЯ рдЯреИрдЧ рдХреЛ рд╡реЗрдмрдХрд┐рдЯ рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдХреЗ рд▓рд┐рдП рдПрдХ img рдЯреИрдЧ рдХреЗ рд╕рд╛рде рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП, рдЬрдм рд╕реЗ рдЖрдк img рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ svg рд╕рдореНрдорд┐рд▓рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рдкрд╛рд░рджрд░реНрд╢реА рдкреГрд╖реНрдарднреВрдорд┐ рдХреЛ рд╕рд╣реА рдврдВрдЧ рд╕реЗ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрдирд▓рд╛рдЗрди-svg рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджреВрд╕рд░рд╛ рд╕рдорд╛рдзрд╛рди рдиреАрдЪреЗ рдЖрдпрд╛ рдерд╛, рд▓реЗрдХрд┐рди рдЗрд╕рдХреЗ рд▓рд┐рдП рдкреЗрдЬ рд╕реНрд╡рдпрдВ рдПрдХ рд╡реИрдз рдПрдХреНрд╕рдПрдЪрдЯреАрдПрдордПрд▓ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдЬреЛ IE рдХреА рдкрд╕рдВрдж рдХреЗ рд╣рд┐рд╕рд╛рдм рд╕реЗ рдирд╣реАрдВ рд╣реИред

рд╕рдВрдпреЛрдЧ рд╕реЗ, рдПрдХ рддреАрд╕рд░рд╛ рд╕рдорд╛рдзрд╛рди рдорд┐рд▓ рдЧрдпрд╛ рдерд╛ред рдЗрддрдирд╛ рдмреБрдирд┐рдпрд╛рджреА рдХрд┐ рдпрд╣ рдЖрд╢реНрдЪрд░реНрдп рдХреА рдмрд╛рдд рд╣реИ рдХрд┐ рдХрд┐рд╕реА рдиреЗ рднреА рдЕрднреА рддрдХ рдЗрд╕рдХреА рдХреЛрд╢рд┐рд╢ рдирд╣реАрдВ рдХреА рд╣реИ (рдпрджрд┐ рдореБрдЭреЗ рдЗрд╕рдореЗрдВ рдЧрд▓рддреА рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рдореБрдЭреЗ рдмрддрд╛рдПрдВ)ред рдпрд╣ <svg> рдЯреИрдЧ рдХреЗ рдмрд╛рдж svg рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдирд┐рдореНрди рдкрдВрдХреНрддрд┐рдпрд╛рдБ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реНрдпрд╛рдкреНрдд рд╣реИ:

< style > svg { -webkit-background-clip: text; } </ style > * This source code was highlighted with Source Code Highlighter .



  1. < style > svg { -webkit-background-clip: text; } </ style > * This source code was highlighted with Source Code Highlighter .



  2. < style > svg { -webkit-background-clip: text; } </ style > * This source code was highlighted with Source Code Highlighter .



  3. < style > svg { -webkit-background-clip: text; } </ style > * This source code was highlighted with Source Code Highlighter .



< style > svg { -webkit-background-clip: text; } </ style > * This source code was highlighted with Source Code Highlighter .





рдФрд░ рдлрд┐рд░ рдЬрд╛рджреВ рд╣реЛрддрд╛ рд╣реИред рдпрд╣рд╛рдБ рдПрдХ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдХрдбрд╝реА рд╣реИред рдзрдиреНрдпрд╡рд╛рдж, рд╡рд╣ рд╕рдм



Updред



рдпрд╣ рдкрддрд╛ рдЪрд▓рд╛ рдХрд┐ рдХреНрд░реЛрдо рдореЗрдВ, рдХрдо рд╕реЗ рдХрдо 8 рд╡реЗрдВ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рд╢реБрд░реВ, рдмрдЧ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рд╕рдлрд╛рд░реА рдЕрднреА рднреА рдкреНрд░рд╛рд╕рдВрдЧрд┐рдХ рд╣реИред рдХрд┐рд╕реА рдиреЗ рд╕рд╛рддрд╡реЗрдВ рдХреНрд░реЛрдо рдореЗрдВ рдЬрд╛рдБрдЪ рдХрд░реЗрдВред



All Articles