{"id":11918,"date":"2015-09-03T15:59:53","date_gmt":"2015-09-03T12:29:53","guid":{"rendered":"http:\/\/www.xn--mgbguh09aqiwi.com\/?p=11918"},"modified":"2015-09-03T17:11:57","modified_gmt":"2015-09-03T13:41:57","slug":"%d8%a7%d8%b3%d9%84%d8%a7%db%8c%d8%af%d8%b1-%d8%b9%da%a9%d8%b3-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-html5-%d9%88-css3","status":"publish","type":"post","link":"https:\/\/www.xn--mgbguh09aqiwi.com\/%d8%a7%d8%b3%d9%84%d8%a7%db%8c%d8%af%d8%b1-%d8%b9%da%a9%d8%b3-%d8%a8%d9%87-%d8%b5%d9%88%d8%b1%d8%aa-html5-%d9%88-css3.html","title":{"rendered":"\u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0639\u06a9\u0633 \u0628\u0647 \u0635\u0648\u0631\u062a html5 \u0648 css3"},"content":{"rendered":"
\u0637\u0628\u06cc\u0639\u062a\u0627 \u062a\u0627 \u0633\u062e\u0646 \u0627\u0632 \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0639\u06a9\u0633 \u062f\u0631 \u0648\u0628 \u0633\u0627\u06cc\u062a \u0645\u06cc\u0634\u0648\u062f , \u0647\u0645\u0647 \u06cc \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u06af\u0627\u0646 \u0648\u0628 \u06cc\u0627\u062f \u062c\u0627\u0648\u0627 \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u0648 \u06cc\u0627 jquery \u0645\u06cc \u0627\u0641\u062a\u0646\u062f . \u0627\u0645\u0627 \u0686\u0631\u0627 css3 \u0646\u0647 \u061f\u061f\u061f<\/p>\n
\u062f\u0631 \u0627\u0628\u0646 \u067e\u0633\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 \u0622\u0645\u0648\u0632\u0634 \u0633\u0627\u062e\u062a \u0627\u0633\u0644\u0627\u06cc\u062f\u0631 \u0639\u06a9\u0633 \u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 Html5 \u0648 Css3 \u0631\u0627 \u0622\u0645\u0648\u0632\u0634 \u062f\u0647\u0645 .<\/p>\n
\u062f\u0631 \u0627\u06cc\u0646 \u0622\u0645\u0648\u0632\u0634 \u0647\u06cc\u0686 \u06af\u0648\u0646\u0647 \u0632\u0628\u0627\u0646 \u062f\u06cc\u06af\u0631\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0646\u0645\u06cc\u0634\u0648\u062f \u06a9\u0647 \u0628\u0627\u0639\u062b \u0633\u0628\u06a9\u06cc \u062f\u0631 \u06a9\u062f\u0646\u0648\u06cc\u0633\u06cc \u0645\u06cc\u0634\u0648\u062f . \u0636\u0645\u0646\u0627 \u062f\u0631 \u0635\u0648\u0631\u062a \u062f\u0627\u0634\u062a\u0646 \u062f\u0627\u0646\u0634 \u062f\u0631 \u0645\u0648\u0631\u062f html5 \u0648 css3 \u0645\u06cc\u062a\u0648\u0627\u0646\u06cc\u062f \u0628\u0647 \u0647\u0631 \u0646\u062d\u0648\u06cc \u06a9\u0647 \u062f\u0648\u0633\u062a \u062f\u0627\u0631\u06cc\u062f , \u0648\u06cc\u0631\u0627\u06cc\u0634 \u0646\u0645\u0627\u06cc\u06cc\u062f .<\/p>\n
<\/p>\n
<\/a><\/p>\n \u0648 \u0627\u0645\u0627 \u0622\u0645\u0648\u0632\u0634 :<\/span><\/p>\n \u0627\u0628\u062a\u062f\u0627 \u062f\u0631 html \u06a9\u062f \u0632\u06cc\u0631 \u0631\u0627 \u0648\u0627\u0631\u062f \u0646\u0645\u0627\u06cc\u06cc\u062f :<\/p>\n \u0633\u067e\u0633 \u06a9\u062f \u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u062f\u0631 css \u0648\u0628 \u0633\u0627\u06cc\u062a \u062e\u0648\u062f \u0642\u0631\u0627\u0631 \u062f\u0647\u06cc\u062f :<\/p>\n \u0646\u06a9\u062a\u0647 \u0645\u0647\u0645\u00a0:<\/span> \u06a9\u062f \u0647\u0627\u06cc \u0628\u0627\u0644\u0627 \u0628\u0631\u0627\u06cc 5 \u0639\u06a9\u0633 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0622\u0645\u0627\u062f\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a \u0648 \u0628\u062f\u06cc\u0647\u06cc \u0627\u0633\u062a \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0645 \u06a9\u0631\u062f\u0646 \u06cc\u0627 \u0632\u06cc\u0627\u062f \u06a9\u0631\u062f\u0646 \u0639\u06a9\u0633 \u062f\u0631 html , \u0628\u0627\u06cc\u062f \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a\u06cc \u062f\u0631 css \u0627\u0646\u062c\u0627\u0645 \u062f\u0647\u06cc\u062f .<\/p>\n<div id=\"vms-slider\">\r\n <figure>\r\n <img src=\"images\/vms1.jpg\" alt=\"Vms\">\r\n <img src=\"images\/vms2.jpg\" alt=\"Vms\">\r\n <img src=\"images\/vms3.jpg\" alt=\"Vms\">\r\n <img src=\"images\/vms4.jpg\" alt=\"Vms\">\r\n <img src=\"images\/vms5.jpg\" alt=\"Vms\">\r\n <\/figure>\r\n<\/div><\/pre>\n
div#vms-slider {\r\n\twidth:600px;\r\n\theight:300px;\r\n\toverflow: hidden; \r\n}\r\ndiv#vms-slider figure img {\r\n\twidth: 20%;\r\n\theight: auto;\r\n\tfloat: left;\r\n}\r\ndiv#vms-slider figure {\r\n\tposition: relative;\r\n\twidth: 500%;\r\n\tmargin: 0;\r\n\tpadding: 0;\r\n\tfont-size: 0;\r\n\tleft: 0;\r\n\ttext-align: left;\r\n\tanimation: 30s vms infinite; \r\n\t-webkit-animation: 30s vms infinite; \r\n\t-moz-animation: 30s vms infinite; \r\n\t-o-animation: 30s vms infinite; \r\n\t-ms-animation: 30s vms infinite; \r\n}\r\n@keyframes vms { \r\n\t0% { left: 0%; }\r\n\t20% { left: 0%; }\r\n\t25% { left: -100%; }\r\n\t45% { left: -100%; }\r\n\t50% { left: -200%; }\r\n\t70% { left: -200%; } \r\n\t75% { left: -300%; }\r\n\t95% { left: -300%; }\r\n\t100% { left: -400%; } \r\n}\r\n@-webkit-keyframes vms { \r\n\t0% { left: 0%; }\r\n\t20% { left: 0%; }\r\n\t25% { left: -100%; }\r\n\t45% { left: -100%; }\r\n\t50% { left: -200%; }\r\n\t70% { left: -200%; } \r\n\t75% { left: -300%; }\r\n\t95% { left: -300%; }\r\n\t100% { left: -400%; } \r\n}<\/pre>\n