{"id":267927,"date":"2023-07-17T15:24:00","date_gmt":"2023-07-17T12:24:00","guid":{"rendered":"https:\/\/inform.click\/60-bezkoshtovnih-knopok-socialnih-merezh-html-css3-dlja-vashogo-sajtu\/"},"modified":"2023-07-17T15:26:00","modified_gmt":"2023-07-17T12:26:00","slug":"60-bezkoshtovnih-knopok-socialnih-merezh-html-css3-dlja-vashogo-sajtu","status":"publish","type":"post","link":"https:\/\/inform.click\/uk\/60-bezkoshtovnih-knopok-socialnih-merezh-html-css3-dlja-vashogo-sajtu\/","title":{"rendered":"60 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 HTML CSS3 \u0434\u043b\u044f \u0432\u0430\u0448\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443"},"content":{"rendered":"<p>\n  \u0406\u043d\u0434\u0443\u0441\u0442\u0440\u0456\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0443, \u043c\u0430\u0431\u0443\u0442\u044c, \u043e\u0434\u043d\u0430 \u0437 \u043d\u0430\u0439\u0431\u0456\u043b\u044c\u0448 \u0448\u0432\u0438\u0434\u043a\u043e\u0437\u0440\u043e\u0441\u0442\u0430\u044e\u0447\u0438\u0445. \u0429\u043e\u0434\u043d\u044f \u0441\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u0456 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u0456 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0438, \u044f\u043a\u0456 \u0440\u043e\u0437\u0448\u0438\u0440\u044e\u044e\u0442\u044c \u043e\u0431\u043c\u0435\u0436\u0435\u043d\u043d\u044f HTML \u0456 CSS \u0443 \u0432\u0441\u0456\u0445 \u043d\u0430\u043f\u0440\u044f\u043c\u043a\u0430\u0445.\n<\/p>\n<p>\n  CSS \u043f\u0440\u043e\u0439\u0448\u043e\u0432 \u0434\u043e\u0432\u0433\u0438\u0439 \u0448\u043b\u044f\u0445 \u0432\u0456\u0434 \u0444\u043e\u0440\u043c\u0430\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0432\u0430\u043d\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442\u0443. \u0419\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u043b\u0438 \u0434\u043b\u044f \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u043c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432 \u0456 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u043d\u043d\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u0456\u0432 \u0434\u043e \u0442\u0438\u043f\u0456\u0432 \u043d\u043e\u0441\u0456\u0457\u0432. \u0421\u0443\u0447\u0430\u0441\u043d\u0456 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0438 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0456 \u0434\u043b\u044f \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u0432\u0438\u0434\u0456\u0432 \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u0457 \u0437 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c\u0438. \u0415\u0444\u0435\u043a\u0442\u0438 CSS3 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c\u0441\u044f \u0432 \u0431\u0456\u043b\u044c\u0448\u043e\u0441\u0442\u0456 \u0442\u0430\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0456\u0439.\n<\/p>\n<p>\n  \u0429\u043e\u0431 \u043d\u0430\u0434\u0430\u0442\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c \u0431\u0456\u043b\u044c\u0448\u0435 \u0433\u043d\u0443\u0447\u043a\u043e\u0441\u0442\u0456 \u0442\u0430 \u0441\u0443\u043c\u0456\u0441\u043d\u043e\u0441\u0442\u0456, CSS3 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454\u0442\u044c\u0441\u044f \u044f\u043a \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0430 \u0432\u0435\u043b\u0438\u043a\u0430 \u0432\u0435\u0440\u0441\u0456\u044f CSS. \u0423 \u0446\u0456\u0439 \u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0456\u0457 \u043d\u0438\u0436\u0447\u0435 \u0432\u0438 \u0437\u043d\u0430\u0439\u0434\u0435\u0442\u0435 \u0434\u0435\u044f\u043a\u0456 \u0437 \u043d\u0430\u0439\u043a\u0440\u0430\u0449\u0438\u0445 <strong>\u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0445 HTML CSS3 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<\/strong>, \u044f\u043a\u0456 \u043c\u043e\u0436\u0443\u0442\u044c \u0441\u0442\u0430\u0442\u0438 \u0432 \u043d\u0430\u0433\u043e\u0434\u0456 \u0434\u043b\u044f \u0432\u0430\u0448\u0438\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u044c\u043a\u0438\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0456\u0432 \u0430\u0431\u043e \u0432\u0430\u0448\u043e\u0433\u043e \u0432\u043b\u0430\u0441\u043d\u043e\u0433\u043e \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0443.\n<\/p>\n<p>\n  \u0411\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 HTML CSS3\n<\/p>\n<p>\n  \u0412\u0438 \u043c\u043e\u0436\u0435\u0442\u0435 \u0437\u043d\u0430\u0439\u0442\u0438 \u0431\u0435\u0437\u043b\u0456\u0447 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0438\u0445 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0441\u044c\u043a\u0438\u0445 \u0440\u0435\u0447\u0435\u0439 \u0432 \u0406\u043d\u0442\u0435\u0440\u043d\u0435\u0442\u0456. \u0417\u043d\u0430\u0439\u0442\u0438 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0456 \u0444\u0440\u0430\u0433\u043c\u0435\u043d\u0442\u0438 \u043a\u043e\u0434\u0443 \u0442\u0430\u043a\u043e\u0436 \u043d\u0435 \u0434\u0443\u0436\u0435 \u0441\u043a\u043b\u0430\u0434\u043d\u043e, \u0430\u043b\u0435 \u0437\u043d\u0430\u0439\u0442\u0438 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u0438\u0439 \u0435\u043b\u0435\u043c\u0435\u043d\u0442 \u0434\u0438\u0437\u0430\u0439\u043d\u0443, \u044f\u043a\u0438\u0439 \u0432\u0456\u0434\u043f\u043e\u0432\u0456\u0434\u0430\u0454 \u0441\u0443\u0447\u0430\u0441\u043d\u0438\u043c \u0442\u0435\u043d\u0434\u0435\u043d\u0446\u0456\u044f\u043c \u0434\u0438\u0437\u0430\u0439\u043d\u0443, \u0437\u0430\u0439\u043c\u0430\u0454 \u0434\u0443\u0436\u0435 \u0431\u0430\u0433\u0430\u0442\u043e \u0447\u0430\u0441\u0443. \u0426\u0435\u0439 \u0441\u043f\u0438\u0441\u043e\u043a \u043c\u043e\u0436\u0435 \u0434\u043e\u043f\u043e\u043c\u043e\u0433\u0442\u0438 \u0432\u0430\u043c \u0437\u0431\u0430\u0433\u0430\u0442\u0438\u0442\u0438 \u0441\u0432\u043e\u0457 \u0437\u043d\u0430\u043d\u043d\u044f, \u0430 \u0442\u0430\u043a\u043e\u0436 \u043f\u043e\u043a\u0440\u0430\u0449\u0438\u0442\u0438 \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u044e \u0437 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0435\u043c \u0432\u0430\u0448\u043e\u0433\u043e \u0441\u0430\u0439\u0442\u0443.\n<\/p>\n<h5>\n  01 \u0427\u0443\u0439\u043d\u0456 \u0440\u043e\u0437\u0441\u0443\u0432\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.cssscript.com\/responsive-sliding-social-media-buttons-with-pure-css3\/\" target=\"_blank\" rel=\"noopener\"><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.cssscript.com\/demo\/responsive-sliding-social-media-buttons-with-pure-css3\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/github.com\/christophery\/slide-social-buttons\/archive\/master.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  02 CSS3 \u041a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/medialoot.com\/item\/css-social-media-buttons\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f44eb7d2.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/medialoot.com\/preview\/frame\/css3-social-buttons.html\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/medialoot.com\/main\/freebie\/764\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  03 3D \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.flashuser.net\/css3-social-media-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f4682639.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/flashuser.net\/tutorial\/css3-social-media-buttons\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.flashuser.net\/css3-social-media-buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  04 CSS3 Hexagon \u041a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.hugedomains.com\/domain_profile.cfm\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f48582ab.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.hugedomains.com\/domain_profile.cfm\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/github.com\/shariarbd\/CSS3-Hexagon-Buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  05 \u041f\u043b\u043e\u0441\u043a\u0456 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mehmetmert\/pen\/xbzGNv\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f4a81aa4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mehmetmert\/full\/xbzGNv\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/mehmetmert\/share\/zip\/xbzGNv\/\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  06 \u041a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0443 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.cssflow.com\/snippets\/share-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f4cb24a7.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.cssflow.com\/snippets\/share-buttons\/demo\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.cssflow.com\/snippets\/share-buttons.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  07 \u041f\u0440\u043e\u0441\u0442\u0438\u0445, \u0430\u043b\u0435 \u0434\u0438\u0432\u043e\u0432\u0438\u0436\u043d\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/simple-yet-amazing-css3-social-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f4f46023.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/simple-yet-amazing-css3-social-buttons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/simple-yet-amazing-css3-social-buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  08 \u0421\u043b\u0430\u0439\u0434 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/pen\/JExFk\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f50f06b4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/full\/JExFk\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/mariusbalaj\/share\/zip\/JExFk\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  09 \u0410\u0434\u0430\u043f\u0442\u0438\u0432\u043d\u0456 \u043f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.creativeverse.com\/pure-css3-responsive-social-media-flat-icons\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f53491fd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/creativeverse.com\/demos\/socialMedia\/index.html\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/creativeverse.com\/downloads\/socialMedia.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  10 \u043f\u0440\u0438\u0445\u043e\u0432\u0430\u043d\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/www.digitalocean.com\/community\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f5558809.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/embed.plnkr.co\/0Xohiu\/preview\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/www.digitalocean.com\/community\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  11 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043f\u0456\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0443 \u0434\u043e \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 NeatNait<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/neatnait-social-share-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f577ffbc.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/neatnait-social-share-buttons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/neatnait-social-share-buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  12 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3 Slide<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/pen\/Jtqbm\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f5ab180e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/full\/Jtqbm\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/www.dropbox.com\/s\/kvurk8bm2k13x0b\/icon_sprite.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  13 3D \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/XavierPinyol\/pen\/LEOZRJ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f5ccf74a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/XavierPinyol\/full\/LEOZRJ\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/XavierPinyol\/share\/zip\/LEOZRJ\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  14 \u0437\u043d\u0430\u0447\u043a\u0456\u0432 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3 Rollover<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/bradsknutson.com\/blog\/css3-rollover-social-media-icons\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f5fb686b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/bradsknutson.com\/blog\/css3-rollover-social-media-icons\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/bradsknutson.com\/blog\/css3-rollover-social-media-icons\/\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  15 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0456\u0437 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f\u043c<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/pen\/pIqda\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f626783b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mariusbalaj\/full\/pIqda\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/mariusbalaj\/share\/zip\/pIqda\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  16 \u0447\u0443\u0434\u043e\u0432\u0438\u0445 \u043a\u043e\u043b\u044c\u043e\u0440\u043e\u0432\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/ameyraut\/pen\/yfzog\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f651b9cc.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/ameyraut\/full\/yfzog\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/ameyraut\/share\/zip\/yfzog\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  17 \u041f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3 \u0456\u0437 \u0435\u0444\u0435\u043a\u0442\u0430\u043c\u0438 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/callmenick.com\/post\/nicer-icon-hover-effects-with-css3-transitions\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f675629c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/callmenick.com\/_development\/icons-css3-transitions\/index4.html\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/callmenick.com\/_development\/icons-css3-transitions\/icons-css3-transitions-source.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  18 \u043c\u0456\u043d\u0456\u043c\u0430\u043b\u044c\u043d\u0438\u0445 \u043f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/apetrov\/pen\/EGmal\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f692254e.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/apetrov\/full\/EGmal\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/apetrov\/share\/zip\/EGmal\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  19 \u0412\u0456\u0434\u0436\u0435\u0442 \u043f\u0456\u0434\u043f\u0438\u0441\u043a\u0438 \u0432 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436\u0430\u0445<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/techpingo-social-follow-widget\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f6c57cdd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/techpingo-social-follow-widget\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/techpingo-social-follow-widget\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  20 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u0431\u043b\u043e\u043a<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/bigheed\/pen\/uGmgr\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f6e568b3.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/bigheed\/full\/uGmgr\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/bigheed\/share\/zip\/uGmgr\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  21 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0439 \u0432\u0456\u0434\u0434\u0456\u043b<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/lss96kxh\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f6feb30f.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/lss96kxh\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/lss96kxh\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  22 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/CreativePunch\/pen\/lqeyF\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f71cbd17.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/CreativePunch\/full\/lqeyF\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/CreativePunch\/share\/zip\/lqeyF\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  23 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u043d\u0430\u0432\u0456\u0433\u0430\u0446\u0456\u044f<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/cnfjus8r\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f741374c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/cnfjus8r\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/cnfjus8r\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  24 \u041c\u0435\u043d\u044e \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 \u0456\u0437 \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f\u043c<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/JFarrow\/pen\/CEzLa\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f75b5d5b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/JFarrow\/full\/CEzLa\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/JFarrow\/share\/zip\/CEzLa\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  25 SocialNav<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/socialnav\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f77e04f2.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/socialnav\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/socialnav\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  26 \u043f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS Slide Effect<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/techandall.com\/15-social-media-icons-including-css-slide-effect\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f797939a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.techandall.com\/demos\/socialmediaicons\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.techandall.com\/files\/download.php\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  27 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u043a\u043d\u0438\u0433\u0430 \u0437\u0440\u0430\u0437\u043a\u0456\u0432<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/HugoGiraudel\/pen\/lDuBK\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f7ba17ed.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/HugoGiraudel\/full\/lDuBK\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/HugoGiraudel\/share\/zip\/lDuBK\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  28 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/pressable-css3-social-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f7f28032.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/pressable-css3-social-buttons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/pressable-css3-social-buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  29 \u043f\u043b\u043e\u0441\u043a\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0443 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/flatbuttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f830fa56.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/flatbuttons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/flatbuttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  30 \u0437\u043d\u0430\u0447\u043a\u0456\u0432 \u0432\u0445\u043e\u0434\u0443 \u0432 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0435\u0440\u0435\u0436\u0456 \u0432 CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/sahilmalhan\/pen\/KJEon\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f86e54c4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/sahilmalhan\/full\/KJEon\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/sahilmalhan\/share\/zip\/KJEon\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  31 \u041a\u0440\u0443\u0433\u043e\u0432\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u043a\u043d\u043e\u043f\u043a\u0430 \u0432 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/azmind.com\/2012\/02\/24\/create-a-circle-social-button-in-css3\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f8a1d546.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/azmind.com\/demo\/css3-circle-social-buttons\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/azmind.com\/wp-content\/plugins\/download-monitor\/download.php\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  32 \u0444\u0430\u043d\u0442\u0430\u0441\u0442\u0438\u0447\u043d\u0456 \u043f\u043b\u043e\u0441\u043a\u0456 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/cguillou\/pen\/LmCuJ\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f8d3bcfd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/cguillou\/full\/LmCuJ\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/cguillou\/share\/zip\/LmCuJ\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  33 \u041a\u043d\u043e\u043f\u043a\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u043e\u0457 \u0441\u043f\u0456\u043b\u044c\u043d\u043e\u0442\u0438 CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/css-social-share-button\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f90bdcca.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/css-social-share-button\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/css-social-share-button\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  34 \u043f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 \u0437 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0438\u043c\u0438 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430\u043c\u0438<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/basicuse.net\/articles\/pl\/textile\/html_css\/social_media_icons_with_animated_tooltips_using_only_css3\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f936e245.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/basicuse.net\/articles\/pl\/textile\/html_css\/social_media_icons_with_animated_tooltips_using_only_css3\/example\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/basicuse.net\/content\/download\/3780\/17572\/file\/social_media_icons_with_animated_tooltips.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  35 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0456\u0437 \u0448\u0440\u0438\u0444\u0442\u0430\u043c\u0438 \u0437\u043d\u0430\u0447\u043a\u0456\u0432<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/davidpottrell\/pen\/MYabyp\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f9604801.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/davidpottrell\/full\/MYabyp\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/davidpottrell\/share\/zip\/MYabyp\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  36 CSS Social Ribbon Flags<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/ro7z6lgt\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f988913a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/ro7z6lgt\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/ro7z6lgt\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  37 CSS3 \u0456 HTML5 \u041a\u043d\u043e\u043f\u043a\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/mpazco\/pen\/IbiHL\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f9b09298.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/mpazco\/full\/IbiHL\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/mpazco\/share\/zip\/IbiHL\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  38 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u0437\u043d\u0430\u0447\u043a\u0456\u0432<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/fleeting\/pen\/YXzXPr\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f9d7a9f5.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/fleeting\/full\/YXzXPr\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/fleeting\/share\/zip\/YXzXPr\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  39 \u0440\u0456\u0437\u043d\u0438\u0445 \u0441\u0442\u0438\u043b\u0456\u0432 \u043a\u043d\u043e\u043f\u043a\u0438 \u00ab\u041f\u043e\u0434\u0456\u043b\u0438\u0442\u0438\u0441\u044f\u00bb.<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/markmurray\/pen\/JugrG\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820f9f5e6bd.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/markmurray\/full\/JugrG\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/markmurray\/share\/zip\/JugrG\/\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  40 \u041a\u043d\u043e\u043f\u043a\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.onextrapixel.com\/2015\/06\/10\/freebie-css3-social-media-button-set-flat-3d-text-and-with-rollover-animation\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fa1e9bde.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cdn.onextrapixel.com\/wp-content\/uploads\/2015\/06\/css3-social-media-buttons.webp\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.onextrapixel.com\/2015\/06\/10\/freebie-css3-social-media-button-set-flat-3d-text-and-with-rollover-animation\/\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  41 \u041a\u043d\u043e\u043f\u043a\u0438 \u0437\u043d\u0430\u0447\u043a\u0456\u0432 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/social-icons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fa464899.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/social-icons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/social-icons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  42 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u0437\u043d\u0430\u0447\u043a\u0438 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/thalseth\/pen\/saqIj\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fa77f727.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/thalseth\/full\/saqIj\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/thalseth\/share\/zip\/saqIj\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  43 \u0406\u043a\u043e\u043d\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS2<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.marcofolio.net\/css\/display_social_icons_in_a_beautiful_way_using_css3.html\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820faa86ac4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/demo.marcofolio.net\/social_css3_display\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.marcofolio.net\/downloads\/css\/display_social_icons_using_css3\/download.html\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  44 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/webdesignerwall.com\/tutorials\/css-social-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fad02e23.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/webdesignerwall.com\/demo\/css-social-buttons\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/webdesignerwall.com\/file\/css-social-buttons.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  45 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c \u0437\u0456 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u044e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u043e\u044e<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/jonmilner\/pen\/bfkKF\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820faf9f65a.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/jonmilner\/full\/bfkKF\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/jonmilner\/share\/zip\/bfkKF\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  46 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u0430<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/social-tooltip\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fb1728f4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/social-tooltip\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/social-tooltip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  47 \u041f\u0456\u043a\u0442\u043e\u0433\u0440\u0430\u043c\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 \u0437\u0456 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u0438\u043c\u0438 \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043a\u0430\u043c\u0438<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/kieranfivestars\/pen\/gbOWbM\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fb341bc0.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/kieranfivestars\/full\/gbOWbM\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/kieranfivestars\/share\/zip\/gbOWbM\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  48 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a \u0456\u0437 \u0435\u0444\u0435\u043a\u0442\u043e\u043c \u043d\u0430\u0432\u0435\u0434\u0435\u043d\u043d\u044f<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/pepsized.com\/icon-fonts-in-use-with-a-fancy-hover-effect\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fb569c06.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/pepsized.com\/demo\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/pepsized.com\/wp-content\/uploads\/2013\/02\/social_icons.zip\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  49 CSS \u0430\u043d\u0456\u043c\u0430\u0446\u0456\u044f \u2013 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0435\u0440\u0435\u0436\u0456<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/nitos\/pen\/JAHzs\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fb845362.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/nitos\/full\/JAHzs\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/nitos\/share\/zip\/JAHzs\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  50 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0430 \u0431\u0456\u0447\u043d\u0430 \u043f\u0430\u043d\u0435\u043b\u044c CSS3 \u0437\u0456 \u0441\u043f\u043b\u0438\u0432\u0430\u044e\u0447\u043e\u044e \u043f\u0456\u0434\u043a\u0430\u0437\u043a\u043e\u044e<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/TibicenasDesign\/pen\/Erflj\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fba1564c.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/TibicenasDesign\/full\/Erflj\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/TibicenasDesign\/share\/zip\/Erflj\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  51 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0430 \u0456\u043a\u043e\u043d\u043a\u0430 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/www.creativeverse.com\/4-styles-of-special-html-css-jquery-animated-social-media-icons-no-images\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fbc8d098.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/www.creativeverse.com\/animated-social-media-icons-style-2-demos\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/www.creativeverse.com\/downloads\/creativeverse.com_specialSocialMediaIcons.rar\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  52 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043f\u0435\u0440\u0435\u043a\u0438\u0434\u043d\u0456 \u043a\u0430\u0440\u0442\u043a\u0438<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/pouretrebelle\/pen\/GmguH\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fbe69906.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/pouretrebelle\/full\/GmguH\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/pouretrebelle\/share\/zip\/GmguH\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  53 \u0421\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u0437\u043d\u0430\u0447\u043a\u0438 CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/PageOnline\/pen\/eBdjl\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fc0dd22b.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/PageOnline\/full\/eBdjl\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/PageOnline\/share\/zip\/eBdjl\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  54 CSS3 \u0430\u043d\u0456\u043c\u043e\u0432\u0430\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/tdjxv35n\/\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fc335df9.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/tdjxv35n\/\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/tdjxv35n\/\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  55 \u043a\u043d\u043e\u043f\u043e\u043a Zocial (\u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0456 \u043c\u0435\u0440\u0435\u0436\u0456) CSS3<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/zocial-social-media-css3-buttons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fc59baa3.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/zocial-social-media-css3-buttons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/zocial-social-media-css3-buttons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  56 \u044f\u0441\u043a\u0440\u0430\u0432\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043a\u043d\u043e\u043f\u043e\u043a<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/minimalmonkey\/pen\/Ecpla\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fc7cf338.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/minimalmonkey\/full\/Ecpla\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/minimalmonkey\/share\/zip\/Ecpla\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  57 \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043f\u0456\u043b\u044c\u043d\u043e\u0433\u043e \u0434\u043e\u0441\u0442\u0443\u043f\u0443 \u0434\u043e \u043f\u043b\u043e\u0441\u043a\u043e\u0433\u043e \u0456\u043d\u0442\u0435\u0440\u0444\u0435\u0439\u0441\u0443<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/Daniel_Ibbe\/pen\/tJdlL\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fc9645ea.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/Daniel_Ibbe\/full\/tJdlL\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/Daniel_Ibbe\/share\/zip\/tJdlL\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  58 \u0413\u043e\u0440\u0438\u0437\u043e\u043d\u0442\u0430\u043b\u044c\u043d\u0438\u0439 \u0430\u043a\u043e\u0440\u0434\u0435\u043e\u043d Pure CSS<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/rrenula\/pen\/DGrhf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fcb78cf5.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/rrenula\/full\/DGrhf\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/rrenula\/share\/zip\/DGrhf\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  59 \u0432\u0435\u043b\u0438\u043a\u0438\u0445 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u0437\u043d\u0430\u0447\u043a\u0456\u0432<br \/>\n<\/h5>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/5-big-social-icons\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fcd9b9f4.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"http:\/\/cssdeck.com\/labs\/full\/5-big-social-icons\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"http:\/\/cssdeck.com\/labs\/5-big-social-icons\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h5>\n  60 \u0406\u043b\u044e\u0441\u0442\u0440\u0430\u0446\u0456\u044f \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436<br \/>\n<\/h5>\n<p>\n  <a href=\"https:\/\/codepen.io\/khadkamhn\/pen\/OVwONo\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" src=\"https:\/\/inform.click\/wp-content\/uploads\/2022\/11\/post-245213-63820fd114278.webp\" alt=\"\" \/><\/a>\n<\/p>\n<p>\n  <a href=\"https:\/\/codepen.io\/khadkamhn\/full\/OVwONo\" target=\"_blank\" rel=\"noopener\">\u0414\u0435\u043c\u043e<\/a> &nbsp;<a href=\"https:\/\/codepen.io\/khadkamhn\/share\/zip\/OVwONo\" target=\"_blank\" rel=\"noopener\">\u0417\u0430\u0432\u0430\u043d\u0442\u0430\u0436\u0438\u0442\u0438<\/a>\n<\/p>\n<h4>\n  \u0412\u0438\u0441\u043d\u043e\u0432\u043e\u043a<br \/>\n<\/h4>\n<p>\n  \u042f\u043a\u0449\u043e \u0443 \u0432\u0430\u0441 \u0454 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442 \u0430\u0431\u043e \u0431\u043b\u043e\u0433 \u0456 \u0432\u0438 \u0445\u043e\u0447\u0435\u0442\u0435 \u043c\u0430\u0442\u0438 \u043a\u0440\u0430\u0449\u0438\u0439 \u0434\u0438\u0437\u0430\u0439\u043d \u043a\u043d\u043e\u043f\u043e\u043a \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436, \u0442\u043e\u0434\u0456 \u0437\u0433\u0430\u0434\u0430\u043d\u0456 \u0432\u0438\u0449\u0435 \u0431\u0435\u0437\u043a\u043e\u0448\u0442\u043e\u0432\u043d\u0456 \u043a\u043d\u043e\u043f\u043a\u0438 \u0441\u043e\u0446\u0456\u0430\u043b\u044c\u043d\u0438\u0445 \u043c\u0435\u0440\u0435\u0436 HTML CSS3 \u0431\u0435\u0437\u043f\u0435\u0440\u0435\u0447\u043d\u043e \u0434\u043e\u043f\u043e\u043c\u043e\u0436\u0443\u0442\u044c \u0432\u0430\u043c \u0434\u043e\u0441\u044f\u0433\u0442\u0438 \u0432\u0430\u0448\u043e\u0457 \u043c\u0435\u0442\u0438 \u043d\u0430\u0439\u0435\u0444\u0435\u043a\u0442\u0438\u0432\u043d\u0456\u0448\u0438\u043c \u0456 \u0434\u0456\u0454\u0432\u0438\u043c \u0441\u043f\u043e\u0441\u043e\u0431\u043e\u043c.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  \u0414\u0436\u0435\u0440\u0435\u043b\u043e \u0437\u0430\u043f\u0438\u0441\u0443: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u0406\u043d\u0434\u0443\u0441\u0442\u0440\u0456\u044f \u0434\u0438\u0437\u0430\u0439\u043d\u0443, \u043c\u0430\u0431\u0443\u0442\u044c, \u043e\u0434\u043d\u0430 \u0437 \u043d\u0430\u0439\u0431\u0456\u043b\u044c\u0448 \u0448\u0432\u0438\u0434\u043a\u043e\u0437\u0440\u043e\u0441\u0442\u0430\u044e\u0447\u0438\u0445. \u0429\u043e\u0434\u043d\u044f \u0441\u0442\u0432\u043e\u0440\u044e\u044e\u0442\u044c\u0441\u044f \u043d\u043e\u0432\u0456 \u043a\u0440\u0435\u0430\u0442\u0438\u0432\u043d\u0456 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0438, \u044f\u043a\u0456 \u0440\u043e\u0437\u0448\u0438\u0440\u044e\u044e\u0442\u044c \u043e\u0431\u043c\u0435\u0436\u0435\u043d\u043d\u044f HTML \u0456 CSS \u0443 \u0432\u0441\u0456\u0445 \u043d\u0430\u043f\u0440\u044f\u043c\u043a\u0430\u0445. CSS \u043f\u0440\u043e\u0439\u0448\u043e\u0432 \u0434\u043e\u0432\u0433\u0438\u0439 \u0448\u043b\u044f\u0445 \u0432\u0456\u0434 \u0444\u043e\u0440\u043c\u0430\u0442\u0443\u0432\u0430\u043d\u043d\u044f \u0441\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u043e\u0432\u0430\u043d\u043e\u0433\u043e \u0432\u043c\u0456\u0441\u0442\u0443. \u0419\u043e\u0433\u043e \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u0432\u0430\u043b\u0438 \u0434\u043b\u044f \u0442\u043e\u0447\u043d\u043e\u0433\u043e \u043a\u0435\u0440\u0443\u0432\u0430\u043d\u043d\u044f \u043c\u0430\u043a\u0435\u0442\u043e\u043c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\u0456\u0432 \u0456 \u0437\u0430\u0441\u0442\u043e\u0441\u0443\u0432\u0430\u043d\u043d\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u043c\u0430\u043a\u0435\u0442\u0456\u0432 \u0434\u043e \u0442\u0438\u043f\u0456\u0432 \u043d\u043e\u0441\u0456\u0457\u0432. \u0421\u0443\u0447\u0430\u0441\u043d\u0456 \u0432\u0435\u0431-\u0441\u0430\u0439\u0442\u0438 \u0441\u0442\u0432\u043e\u0440\u0435\u043d\u0456 \u0434\u043b\u044f \u0437\u0430\u0431\u0435\u0437\u043f\u0435\u0447\u0435\u043d\u043d\u044f \u0440\u0456\u0437\u043d\u0438\u0445 \u0432\u0438\u0434\u0456\u0432 \u0432\u0437\u0430\u0454\u043c\u043e\u0434\u0456\u0457 \u0437 \u043a\u043e\u0440\u0438\u0441\u0442\u0443\u0432\u0430\u0447\u0430\u043c\u0438. \u0415\u0444\u0435\u043a\u0442\u0438 CSS3 \u0432\u0438\u043a\u043e\u0440\u0438\u0441\u0442\u043e\u0432\u0443\u044e\u0442\u044c\u0441\u044f \u0432 \u0431\u0456\u043b\u044c\u0448\u043e\u0441\u0442\u0456 \u0442\u0430\u043a\u0438\u0445 \u0441\u0438\u0442\u0443\u0430\u0446\u0456\u0439. \u0429\u043e\u0431 \u043d\u0430\u0434\u0430\u0442\u0438 \u0434\u0438\u0437\u0430\u0439\u043d\u0435\u0440\u0430\u043c \u0431\u0456\u043b\u044c\u0448\u0435 \u0433\u043d\u0443\u0447\u043a\u043e\u0441\u0442\u0456 \u0442\u0430 \u0441\u0443\u043c\u0456\u0441\u043d\u043e\u0441\u0442\u0456, CSS3 \u043f\u0440\u043e\u043f\u043e\u043d\u0443\u0454\u0442\u044c\u0441\u044f \u044f\u043a \u043d\u0430\u0441\u0442\u0443\u043f\u043d\u0430 \u0432\u0435\u043b\u0438\u043a\u0430 \u0432\u0435\u0440\u0441\u0456\u044f CSS. \u0423 \u0446\u0456\u0439 \u0432\u0456\u0442\u0440\u0438\u043d\u0456 \u043d\u0438\u0436\u0447\u0435\u2026<\/p>\n","protected":false},"author":1,"featured_media":165460,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[62,192],"tags":[],"class_list":["post-267927","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-ta-wordpress","category-bezkoshtovno-ikonky-ta-inshe"],"_links":{"self":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts\/267927","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/comments?post=267927"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/posts\/267927\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/media\/165460"}],"wp:attachment":[{"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/media?parent=267927"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/categories?post=267927"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/uk\/wp-json\/wp\/v2\/tags?post=267927"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}