SVG ???? ??? ??? ??? ??? ??
??? ????? ? ? ??? ??? ??? ??? ?? ??? ???? ??? ???????. CSS ??? ??? ?? ??? ?? ??? ?? ??? SVG ???? ?? ??? SVG? ???? ????.
CSS? ???? ? ?? ??? ? ?? ?? ??? ?????.
-
??? ???? ??: IE10, Chrome, Firefox ? Safari.
-
SEO ??: ????? SVG ???? ????? ????? ??? ???? ?? ?? ???(SEO) ??? ???? ??? ??? ??? ???.
??? ??? ????. ??? CodePen ??:
[CodePen ??](https://codepen.io/animanimal/pen/pxKVQm)
?? ?? ??? ??? ???? ?????.
<!DOCTYPE html>
<html>
<head>
<title>SVG Text Mask</title>
<style>
body,html{height:100%;margin:0;padding:0;}
body{
background:url('https://farm9.staticflickr.com/8760/17195790401_94fcf60556_c.jpg');
background-size:cover;
background-attachment:fixed;
}
svg{width:100%;}
</style>
</head>
<body>
<svg viewbox="0 0 100 60">
<defs>
<mask>
??? ??? ?? SEO ??? ????? ???? ????? ???? ????? ??? CSS ??? ?? ? ???? ???? ???.
? ??? ? ?? SEO? ?? SVG ???? ???? ??? ??? ??? ??? ??? ?? ? ?????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!