{"id":1862,"date":"2014-07-28T14:47:38","date_gmt":"2014-07-28T11:17:38","guid":{"rendered":"http:\/\/xn--mgbguh09aqiwi.com\/?p=1862"},"modified":"2014-07-28T17:47:54","modified_gmt":"2014-07-28T14:17:54","slug":"%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%da%a9%d8%a7%d9%85%d9%84-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%ae%d8%a7%d8%b5%db%8c%d8%aa-%d9%81%db%8c%d9%84%d8%aa%d8%b1-%d8%af%d8%b1-css","status":"publish","type":"post","link":"https:\/\/www.xn--mgbguh09aqiwi.com\/%d8%a2%d9%85%d9%88%d8%b2%d8%b4-%da%a9%d8%a7%d9%85%d9%84-%d8%a7%d8%b3%d8%aa%d9%81%d8%a7%d8%af%d9%87-%d8%a7%d8%b2-%d8%ae%d8%a7%d8%b5%db%8c%d8%aa-%d9%81%db%8c%d9%84%d8%aa%d8%b1-%d8%af%d8%b1-css.html","title":{"rendered":"\u0622\u0645\u0648\u0632\u0634 \u06a9\u0627\u0645\u0644 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u062e\u0627\u0635\u06cc\u062a \u0641\u06cc\u0644\u062a\u0631 \u062f\u0631 Css"},"content":{"rendered":"

\u06cc\u06a9\u06cc \u0627\u0632 \u062e\u0627\u0635\u06cc\u062a \u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u062d\u0631\u0641\u0647 \u0627\u06cc \u0648 \u0632\u06cc\u0628\u0627\u06cc CSS , \u062e\u0627\u0635\u06cc\u062a filter \u0645\u06cc\u0628\u0627\u0634\u062f . \u0627\u06cc\u0646 \u062e\u0627\u0635\u06cc\u062a \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631\u06cc \u06a9\u0647 \u062f\u0627\u0631\u062f , \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0639\u06a9\u0633 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0633\u06cc\u0627\u0647 \u0633\u0641\u06cc\u062f , \u062a\u0627\u0631 , \u0633\u0627\u06cc\u0647 \u0648 … \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f .<\/p>\n

\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0633\u0627\u0639\u062a \u0627\u0632 \u0633\u0627\u06cc\u062a \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645 \u0642\u0635\u062f \u062f\u0627\u0631\u0645 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u0627\u0632 css \u0628\u067e\u0631\u062f\u0627\u0632\u0645 \u06a9\u0647 \u0627\u0645\u06cc\u062f\u0648\u0627\u0631\u0645 \u0645\u0648\u0631\u062f \u067e\u0633\u0646\u062f \u06a9\u0627\u0631\u0628\u0631\u0627\u0646 \u06af\u0631\u0627\u0645\u06cc \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f .<\/p>\n

\u06cc\u06a9\u06cc \u0627\u0632 \u0645\u0639\u0627\u06cc\u0628 filter \u0647\u0627 , \u0639\u062f\u0645 \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u062e\u0627\u0635\u06cc\u062a \u0645\u06cc \u0628\u0627\u0634\u062f . \u0627\u06cc\u0646 \u062e\u0627\u0635\u06cc\u062a \u0631\u0627 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 \u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u0627\u06cc Google Chrome \u0648 Opera \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0645\u06cc\u06a9\u0646\u0646\u062f \u0648 \u0645\u0631\u0648\u0631\u06af\u0631 \u0647\u0627\u06cc FireFox , Safari \u0648 IE \u0627\u0632 \u0627\u06cc\u0646 \u062e\u0627\u0635\u06cc\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0646\u0645\u06cc\u06a9\u0646\u0646\u062f .<\/p>\n

\u0637\u0628\u06cc\u0639\u062a\u0627 \u0648\u0628 \u0633\u0627\u06cc\u062a\u06cc \u0645\u0648\u0631\u062f \u062a\u0627\u06cc\u06cc\u062f \u0627\u0633\u062a \u06a9\u0647 \u062f\u0631 \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u06cc\u06a9\u0633\u0627\u0646 \u0628\u0627\u0634\u062f . \u06cc\u0639\u0646\u06cc \u0627\u0632 \u062e\u0627\u0635\u06cc\u062a \u0647\u0627\u06cc\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0634\u0648\u062f \u062a\u0627 \u062a\u0645\u0627\u0645\u06cc \u0645\u0631\u0648\u0631\u06af\u0631\u0647\u0627 \u0642\u0627\u0628\u0644\u06cc\u062a \u067e\u0634\u062a\u06cc\u0628\u0627\u0646\u06cc \u0627\u0632 \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u0646\u062f . \u0648\u0644\u06cc \u0627\u06cc\u0646 \u0645\u0648\u0631\u062f , \u0628\u0647 \u0645\u0639\u0646\u06cc \u0639\u062f\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Filter \u0647\u0627 \u0646\u0645\u06cc \u0628\u0627\u0634\u062f . \u0686\u0648\u0646 \u062f\u0631 \u062d\u0627\u0644 \u062d\u0627\u0636\u0631 , 60% \u0645\u0631\u062f\u0645 \u062f\u0646\u06cc\u0627 \u0627\u0632 \u06af\u0648\u06af\u0644 \u06a9\u0631\u0648\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc\u06a9\u0646\u0646\u062f .<\/p>\n

<\/p>\n

$\"\u0622\u0645\u0648\u0632\u0634$ <\/a><\/p>\n

\u0648 \u0627\u0645\u0627 \u0622\u0645\u0648\u0632\u0634 :\u00a0<\/span><\/p>\n

1 – \u062f\u0631 \u0627\u0628\u062a\u062f\u0627 \u0628\u0627\u06cc\u062f \u062a\u0648\u062c\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u06cc\u062f \u06a9\u0647 \u0628\u0627\u06cc\u062f \u062f\u0631 css , \u0647\u0645 \u062e\u0627\u0635\u06cc\u062a Filter \u0631\u0627 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f \u0648 \u0647\u0645 \u0628\u0627 \u067e\u06cc\u0634\u0648\u0646\u062f -webkit-<\/p>\n

( Function \u00a0\u0628\u0647 \u0645\u0639\u0646\u06cc \u062a\u0627\u0628\u0639 \u0645\u06cc \u0628\u0627\u0634\u062f \u06a9\u0647 \u062f\u0631 \u0627\u062f\u0627\u0645\u0647 \u0622\u0645\u0648\u0632\u0634 \u062e\u0648\u0627\u0647\u0645 \u062f\u0627\u062f )<\/p>\n

filter:Function();\r\n-webkit-filter:Function();<\/pre>\n2 – \u0637\u0628\u06cc\u0639\u062a\u0627 \u0628\u0631\u0627\u06cc \u0647\u0645\u0647 \u06cc \u0639\u06a9\u0633 \u0647\u0627\u06cc \u06cc\u06a9 \u0648\u0628 \u0633\u0627\u06cc\u062a , \u062f\u0627\u062f\u0646 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u062e\u06cc\u0644\u06cc \u0639\u0642\u0644\u0627\u0646\u06cc \u0646\u06cc\u0633\u062a \u0648 \u0628\u0627\u06cc\u062f \u0628\u0647 \u0635\u0648\u0631\u062a \u0633\u0641\u0627\u0631\u0634\u06cc \u0633\u0627\u0632\u06cc , \u0641\u0642\u0637 \u0628\u0639\u0636\u06cc \u0627\u0632 \u0639\u06a9\u0633 \u0647\u0627 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u062a\u0628\u0639\u06cc\u062a \u06a9\u0646\u0646\u062f .<\/p>\n
\u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0632 \u06a9\u0644\u0627\u0633 \u0647\u0627\u06cc html \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f . \u00a0\u0628\u0647 \u0639\u0646\u0648\u0627\u0646 \u0645\u062b\u0627\u0644 : \u00a0<\/span><\/p>\n\u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631 \u0633\u06cc \u0627\u0633 \u0627\u0633\r\nimg.test{\r\n    filter:Function();\r\n    -webkit-filter:Function();\t\r\n}\r\n---------------------------------------\r\n\u06a9\u062f \u0646\u0648\u06cc\u0633\u06cc \u062f\u0631 \u0627\u0686 \u062a\u06cc \u0627\u0645 \u0627\u0644\r\n<img src=\"\u0622\u062f\u0631\u0633 \u0639\u06a9\u0633\" class=\"test\"><\/pre>\n\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a GrayScale ( \u0633\u06cc\u0627\u0647 \u0648 \u0633\u0641\u06cc\u062f ) : \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646\u00a0%0 \u062a\u0627 \u00a0%100 \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/span><\/p>\nfilter:grayscale(100%);\r\n-webkit-filter:grayscale(100%);<\/pre>\n <\/p>\n
\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a sepia ( \u0639\u06a9\u0633 \u0647\u0627\u06cc \u0642\u062f\u06cc\u0645\u06cc\u00a0) : \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646 %0\u00a0\u062a\u0627 %100\u00a0\u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/span><\/p>\nfilter:sepia(100%);\r\n-webkit-filter:sepia(100%);<\/pre>\n <\/p>\n
\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a saturate\u00a0( \u063a\u0644\u0638\u062a \u0631\u0646\u06af \u0647\u0627\u00a0) : \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646 %0 \u062a\u0627 \u00a0%\u221e \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/span><\/p>\nfilter:saturate(1000%);\r\n-webkit-filter:saturate(1000%);<\/pre>\n\u00a0\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a blur ( \u062a\u0627\u0631\u06cc \u0648 \u0634\u0641\u0627\u0641\u06cc\u062a \u0639\u06a9\u0633 ) : \u00a0<\/span>( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646 0px \u062a\u0627 100px \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/p>\nfilter:blur(5px);\r\n-webkit-filter:blur(5px);<\/pre>\n\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a hue-rotate\u00a0( \u062a\u063a\u06cc\u06cc\u0631 \u0631\u0646\u06af \u0628\u0631 \u0627\u0633\u0627\u0633 \u062f\u0627\u06cc\u0631\u0647 \u0631\u0646\u06af\u06cc\u00a0) : \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646 0deg \u062a\u0627 360deg \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/span><\/p>\nfilter:hue-rotate(90deg);\r\n-webkit-filter:hue-rotate(90deg);<\/pre>\n\u00a0\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a invert ( \u062a\u0628\u062f\u06cc\u0644 \u0631\u0646\u06af \u0647\u0627 \u0628\u0647 \u0645\u06a9\u0645\u0644 \u0631\u0646\u06af\u0634\u0627\u0646\u00a0) :<\/span> \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646 %0 \u062a\u0627 %100\u00a0\u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/p>\nfilter:invert(100%);\r\n-webkit-filter:invert(100%);<\/pre>\n\u00a0\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a contrast ( \u06a9\u0646\u062a\u0631\u0627\u0633\u062a\u00a0) :<\/span> \u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646\u00a0%0 \u062a\u0627 \u00a0%\u221e \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/p>\nfilter:contrast(50%);\r\n-webkit-filter:contrast(50%);<\/pre>\n\u00a0\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a brightness ( \u062a\u0627\u0631\u06cc\u06a9\u06cc \u0648 \u0631\u0648\u0634\u0646\u0627\u06cc\u06cc\u00a0) :<\/span>\u00a0\u00a0( \u0646\u06a9\u062a\u0647 : \u0645\u0642\u062f\u0627\u06cc\u0631 \u0628\u06cc\u0646\u00a0%0 \u062a\u0627 \u00a0%\u221e \u0631\u0627 \u0645\u06cc\u06af\u06cc\u0631\u062f )<\/span><\/p>\n
filter:brightness(200%);\r\n-webkit-filter:brightness(200%);<\/pre>\n\u00a0\u062a\u0627\u0628\u0639 \u062e\u0627\u0635\u06cc\u062a drop-shadow ( \u0633\u0627\u06cc\u0647\u00a0) :<\/span><\/p>\n
\u062a\u0648\u062c\u0647 :<\/span> \u0639\u062f\u062f \u0627\u0648\u0644 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0633\u0627\u06cc\u0647 \u062f\u0631 \u062c\u0647\u062a \u0645\u062d\u0648\u0631 x , \u0639\u062f\u062f \u062f\u0648\u0645 \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0633\u0627\u06cc\u0647 \u062f\u0631 \u062c\u0647\u062a \u0645\u062d\u0648\u0631 y , \u0639\u062f\u062f \u0633\u0648\u0645 \u0645\u0642\u062f\u0627\u0631 \u0633\u0627\u06cc\u0647 \u0648 \u062f\u0631 \u0622\u062e\u0631 \u0631\u0646\u06af \u0633\u0627\u06cc\u0647 \u00a0. \u0636\u0645\u0646\u0627 \u0639\u062f\u062f \u0627\u06cc \u0627\u0648\u0644 \u0648 \u062f\u0648\u0645 \u0645\u06cc\u062a\u0648\u0627\u0646\u0646\u062f \u0645\u0646\u0641\u06cc \u0647\u0645 \u0628\u0627\u0634\u0646\u062f .<\/p>\n
filter:drop-shadow(10px 10px 55px #bbb);\r\n-webkit-filter:drop-shadow(10px 10px 5px #bbb);<\/pre>\n\u062f\u0645\u0648\u06cc \u062a\u0645\u0627\u0645\u06cc \u062a\u0648\u0627\u0628\u0639<\/span><\/a><\/span><\/p>\n
\u067e\u062e\u0634 \u0627\u062e\u062a\u0635\u0627\u0635\u06cc<\/p>\n
\u06af\u0631\u062f\u0627\u0648\u0631\u06cc : \u0648\u062d\u06cc\u062f \u0645\u062c\u06cc\u062f\u06cc<\/span><\/p>\n
\u0641\u0627\u06cc\u0644 \u0622\u0645\u0627\u062f\u0647 \u0622\u0645\u0648\u0632\u0634 :<\/p>\n
[sdm_download id=”1866″ fancy=”0″]<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"
\u06cc\u06a9\u06cc \u0627\u0632 \u062e\u0627\u0635\u06cc\u062a \u0647\u0627\u06cc \u0628\u0633\u06cc\u0627\u0631 \u062d\u0631\u0641\u0647 \u0627\u06cc \u0648 \u0632\u06cc\u0628\u0627\u06cc CSS , \u062e\u0627\u0635\u06cc\u062a filter \u0645\u06cc\u0628\u0627\u0634\u062f . \u0627\u06cc\u0646 \u062e\u0627\u0635\u06cc\u062a \u0628\u0627 \u0645\u0642\u0627\u062f\u06cc\u0631\u06cc \u06a9\u0647 \u062f\u0627\u0631\u062f , \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0639\u06a9\u0633 \u0645\u0648\u0631\u062f \u0646\u0638\u0631 \u062e\u0648\u062f \u0631\u0627 \u0628\u0647 \u0633\u06cc\u0627\u0647 \u0633\u0641\u06cc\u062f , \u062a\u0627\u0631 , \u0633\u0627\u06cc\u0647 \u0648 … \u062a\u0628\u062f\u06cc\u0644 \u06a9\u0646\u06cc\u062f . \u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u0633\u0627\u0639\u062a \u0627\u0632 \u0633\u0627\u06cc\u062a \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062f\u0627\u062a \u06a9\u0627\u0645 \u0642\u0635\u062f \u062f\u0627\u0631\u0645 \u0628\u0647 \u0622\u0645\u0648\u0632\u0634 \u0627\u06cc\u0646 \u062a\u0648\u0627\u0628\u0639 \u0627\u0632 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[565],"tags":[1057,1056,1058,1062,1066,1065,1067,1059,1063,1064,1061,1060,1004],"_links":{"self":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts\/1862"}],"collection":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/comments?post=1862"}],"version-history":[{"count":0,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/posts\/1862\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/media?parent=1862"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/categories?post=1862"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.xn--mgbguh09aqiwi.com\/wp-json\/wp\/v2\/tags?post=1862"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}