{"id":157495,"date":"2012-11-06T08:30:04","date_gmt":"2012-11-06T04:30:04","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=157495"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=157495","title":{"rendered":"<span class=\"post_title\">\u0411\u043e\u043b\u044c\u0448\u0430\u044f \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0430 \u0443\u0440\u043e\u043a\u043e\u0432 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e CSS-\u043a\u043d\u043e\u043f\u043e\u043a<\/span>"},"content":{"rendered":"<div class=\"content html_format\">   \t\u0412 \u044d\u0442\u043e\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0443\u0440\u043e\u043a\u0438 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e CSS-\u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0432\u043a\u0443\u0441. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u043d\u0438\u0445 \u0443\u0436\u0435 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0425\u0430\u0431\u0440\u0435, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u043e\u0432\u044b\u0435.<\/p>\n<p>  <strong>Fancy 3D Button with CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/289\/fancy-3d-button\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/289\/fancy-3d-button\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/f61\/11d\/3fc\/f6111d3fcdc1d72ae59422bf3013b722.jpg\"\/><a name=\"habracut\"><\/a><\/p>\n<p>  <strong>CSS3 Social Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/webdesignerwall.com\/demo\/css-social-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/webdesignerwall.com\/tutorials\/css-social-buttons\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/1c2\/548\/cad\/1c2548cadc494d96a43ef7fb2db419da.jpg\"\/><\/p>\n<p>   <strong>Pretty CSS3 Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/papermashup.com\/demos\/css-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/papermashup.com\/pretty-css3-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/d81\/0f4\/aef\/d810f4aefc68166b35e2d4bc37160f07.jpg\"\/><\/p>\n<p>   <strong>Download Me! CSS3 Download Button<\/strong> [<a rel=\"external\" href=\"http:\/\/boxtuffs.com\/files\/Download-Me!\/slice-download-me\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/boxtuffs.com\/stuff\/download-me\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/a27\/c7e\/dea\/a27c7edea780231aa26b220a650edb81.jpg\"\/><\/p>\n<p>   <strong>Add to Cart Button in CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/251\/add-to-cart-buttons-colorable\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/251\/add-to-cart-buttons-colorable\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/e96\/c0b\/b03\/e96c0bb03db15edb3bc5ab2bad1f5f91.jpg\"\/><\/p>\n<p>   <strong>CSS3 Github Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/nicolasgallagher.com\/lab\/css3-github-buttons\/#button\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/nicolasgallagher.com\/lab\/css3-github-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/70d\/d5f\/e14\/70dd5fe14c81e3909cfb5b919b3fe562.jpg\"\/><\/p>\n<p>   <strong>CSS3 Animated Bubble Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/demo.tutorialzine.com\/2010\/10\/css3-animated-bubble-buttons\/css3-buttons.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/tutorialzine.com\/2010\/10\/css3-animated-bubble-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/8e7\/e1e\/ee0\/8e7e1eee0cfed82c8c32f3cd0ab18f9a.jpg\"\/><\/p>\n<p>   <strong>A Set of Simple CSS3 Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/www.joepettersson.com\/demo\/css3-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.joepettersson.com\/css3-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/9a4\/97d\/c29\/9a497dc2994e25af50e248b233cc1a9e.jpg\"\/><\/p>\n<p>   <strong>CSS3 Buttons with Pseudo-Elements<\/strong> [<a rel=\"external\" href=\"http:\/\/tympanus.net\/Tutorials\/CSSButtonsPseudoElements\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/tympanus.net\/codrops\/2012\/01\/11\/css-buttons-with-pseudo-elements\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/6fb\/2fb\/1a5\/6fb2fb1a508f2759f045231f8fdce326.jpg\"\/><\/p>\n<p>   <strong>Pure CSS3 Social Media Icons<\/strong> [<a rel=\"external\" href=\"http:\/\/nicolasgallagher.com\/pure-css-social-media-icons\/demo\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/nicolasgallagher.com\/pure-css-social-media-icons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/441\/6ab\/b1f\/4416abb1fb8f37cffc3b28f723a8b125.jpg\"\/><\/p>\n<p>   <strong>Orman Clark\u2019s Chunky 3D CSS3 Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/webdesigntutsplus.s3.amazonaws.com\/tuts\/236_orman_buttons\/demo.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/webdesign.tutsplus.com\/tutorials\/site-elements\/orman-clarks-chunky-3d-web-buttons-the-css3-version\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/b1b\/64f\/0c3\/b1b64f0c3b8929f9f5e2d89956b829da.jpg\"\/><\/p>\n<p>   <strong>Create a Slick CSS3 Button<\/strong> [<a rel=\"external\" href=\"http:\/\/inspectelement.com\/demos\/css3\/buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/inspectelement.com\/tutorials\/create-a-slick-css3-button-with-box-shadow-and-rgba\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/5cc\/702\/14f\/5cc70214f72d73a9785743525b83c673.jpg\"\/><\/p>\n<p>   <strong>Make Aristo\u2019s Buttons in CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/socialistpear.com\/journal\/aristo-buttons-in-css3\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/socialistpear.com\/journal\/aristo-buttons-in-css3\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/71e\/972\/033\/71e972033ddacb1ead89a13e77dcfdd8.jpg\"\/><\/p>\n<p>   <strong>Super Awesome Buttons in CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/www.zurb.com\/blog_uploads\/0000\/0617\/buttons-03.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.zurb.com\/article\/266\/super-awesome-buttons-with-css3-and-rgba\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/672\/dd1\/d1f\/672dd1d1f087f3950ee412958aa31744.jpg\"\/><\/p>\n<p>   <strong>CSS3 Gradient Buttons with Pattern<\/strong> [<a rel=\"external\" href=\"http:\/\/www.red-team-design.com\/wp-content\/uploads\/2011\/01\/cross-browser-css-gradient-buttons-demo.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.red-team-design.com\/cross-browser-css-gradient-buttons\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/278\/f7d\/a0b\/278f7da0b95b946f660a033ff6f2b7c9.jpg\"\/><\/p>\n<p>   <strong>CSS3 Buttons with Icons<\/strong> [<a rel=\"external\" href=\"http:\/\/fortysevenmedia.com\/tuts\/css3buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/fortysevenmedia.com\/blog\/archives\/css3_buttons_with_icons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/919\/276\/26c\/91927626c8c8c5e18eecfb10d6653269.jpg\"\/><\/p>\n<p>   <strong>Animated CSS3 Buy Now Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/www.nublue.co.uk\/css3-button-tutorial\/index.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.nublue.co.uk\/blog\/animated-css3-buy-now-button\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/d70\/440\/e7d\/d70440e7d32fcee8f0bc05c552ac5a37.jpg\"\/><\/p>\n<p>   <strong>CSS3 Gradient Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/www.webdesignerwall.com\/demo\/css-buttons.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/webdesignerwall.com\/tutorials\/css3-gradient-buttons\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/5c9\/a6d\/8da\/5c9a6d8daabe6c38809f1a88751f1eac.jpg\"\/><\/p>\n<p>   <strong>BonBon Sweet CSS3 Buttons <\/strong><a rel=\"external\" href=\"http:\/\/lab.simurai.com\/buttons\/\">[Demo<\/a> | <a rel=\"external\" href=\"http:\/\/lab.simurai.com\/buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/7f3\/bae\/182\/7f3bae1821244326fc947d107459989a.jpg\"\/><\/p>\n<p>   <strong>Create a Multicolour and Size CSS3 Button<\/strong> [<a rel=\"external\" href=\"http:\/\/acrisdesign.com\/2011\/06\/create-a-multi-color-and-size-css3-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/acrisdesign.com\/2011\/06\/create-a-multi-color-and-size-css3-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/3bc\/65d\/409\/3bc65d409de6e5f8e94c027bdbfc248b.jpg\"\/><\/p>\n<p>   <strong>Multi-Line Buttons with CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/chriseppstein.github.com\/sass-recipes\/recipes\/multi-line-button\/multi-line-button.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/wiseheartdesign.com\/articles\/2010\/10\/19\/multi-line-buttons-with-compass-sass-and-css3\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/754\/5e6\/912\/7545e6912c34ef8594b26ea5360d30be.jpg\"\/><\/p>\n<p>   <strong>How to Make a Cool Pure CSS3 Button<\/strong> [<a rel=\"external\" href=\"http:\/\/www.websitefacility.co.uk\/blog\/?p=93\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.websitefacility.co.uk\/blog\/?p=93\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/3a1\/b6f\/37f\/3a1b6f37f2d14698bc74e97abc9d294d.jpg\"\/><\/p>\n<p>   <strong>Create an Awesome Blue Pill with Icon Button in CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/designshack.net\/articles\/css\/6-useful-css-button-recipes-you-can-copy-paste\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/designshack.net\/articles\/css\/6-useful-css-button-recipes-you-can-copy-paste\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/567\/b96\/9ba\/567b969ba003da86927a35be764c6ac7.jpg\"\/><\/p>\n<p>   <strong>Create a Circle Social Button in CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/azmind.com\/demo\/css3-circle-social-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/azmind.com\/2012\/02\/24\/create-a-circle-social-button-in-css3\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>]<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/a13\/ce4\/0e0\/a13ce40e0d097d13daa908fbfa090f9f.jpg\"\/> <\/p>\n<p>   <strong>Create an Awesome Animated CSS3 Download Button<\/strong> [<a rel=\"external\" href=\"http:\/\/designshack.net\/tutorialexamples\/animatedDownload\/index.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/designshack.net\/articles\/css\/downloadbutton\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/79e\/3a9\/443\/79e3a94431292861809c0eb625de43d2.jpg\"\/><\/p>\n<p>   <strong>Make CSS3 Buttons like a Boss<\/strong> [<a rel=\"external\" href=\"http:\/\/ui.thoughtbot.com\/assets\/css3-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/robots.thoughtbot.com\/post\/2718077289\/make-css3-buttons-like-a-boss\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/251\/9de\/0aa\/2519de0aa1aab1e2af6a79c56e584f38.jpg\"\/><\/p>\n<p>   <strong>Create Some Awesome CSS3 Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/demo.ourtuts.com\/css3-buttons\/index.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.ourtuts.com\/create-css3-buttons-compatible-with-all-browsers\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/8e9\/329\/7a3\/8e93297a3a9a566b7a7e4205b8b733d1.jpg\"\/><\/p>\n<p>   <strong>How to Create Social Media Icons using CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/demos.sixrevisions.com\/0002_css3_social_media_buttons\/demos\/outset_social_media_buttons.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/sixrevisions.com\/css\/how-to-create-social-media-buttons-using-css3\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/2dc\/90a\/2f6\/2dc90a2f61dc3940241d378f99687d35.jpg\"\/><\/p>\n<p>  <strong>Slicker Buttons with CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/demos.madeinthenorth.com\/slicker-buttons\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.madeinthenorth.com\/2011\/01\/slicker-buttons-with-css3-gradients-and-svg-for-ie9\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/d3c\/e6f\/7ae\/d3ce6f7ae1296a966b8a7386f8de6d9d.jpg\"\/><\/p>\n<p>   <strong>Build Kick-Ass Practical CSS3 Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/s3.amazonaws.com\/nettuts\/674_cssButton\/CSS3_button\/index.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/net.tutsplus.com\/tutorials\/html-css-techniques\/build-kick-ass-practical-css3-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/169\/c82\/7c6\/169c827c69dee49ccdbda2c672e9975f.jpg\"\/><\/p>\n<p>   <strong>How to Design a Sexy Button using CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/www.leemunroe.com\/css-button\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.leemunroe.com\/css-button\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/7ff\/cb2\/b32\/7ffcb2b3271ededc2c8c53041d986e1a.jpg\"\/><\/p>\n<p>   <strong>Creating CSS3 Buttons in Easy Way<\/strong> [<a rel=\"external\" href=\"http:\/\/gazpo.com\/gazpo-files\/tut5-buttons\/buttons.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/gazpo.com\/2011\/02\/css3-buttons\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/56e\/990\/197\/56e9901970a81a30e9195935ffd47702.jpg\"\/><\/p>\n<p>   <strong>Create a CSS3 Circle Button<\/strong> [<a rel=\"external\" href=\"http:\/\/demo.superdit.com\/css\/circle_button.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/superdit.com\/2011\/05\/20\/create-css-circle-button\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/0de\/574\/8a9\/0de5748a9fbfadb43494d6379df67238.jpg\"\/><\/p>\n<p>   <strong>Make CSS3 Buttons that are Extremely Fancy<\/strong> [<a rel=\"external\" href=\"http:\/\/technology.posterous.com\/make-css3-buttons-that-are-extremely-fancy\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/technology.posterous.com\/make-css3-buttons-that-are-extremely-fancy\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/05a\/6eb\/ddc\/05a6ebddc5c7f3f2f512b085a1e2000c.jpg\"\/><\/p>\n<p>   <strong>Fading Button Background Images with CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/www.mightymeta.co.uk\/demos\/fading-background-image\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.mightymeta.co.uk\/fading-button-background-images-with-css3-transitions\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/b6b\/a1d\/542\/b6ba1d54214097e6456494bf98a00f8d.jpg\"\/><\/p>\n<p>   <strong>CSS3 Buttons with Glass Edge<\/strong> [<a rel=\"external\" href=\"http:\/\/robalan.com\/playground\/buttons.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/robalan.com\/playground\/buttons.html\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/7aa\/735\/0ee\/7aa7350ee23d4b64589eea36c7639656.jpg\"\/><\/p>\n<p>   <strong>CSS3 Push-Down Buttons<\/strong> [<a rel=\"external\" href=\"http:\/\/joquery.com\/demo\/1101-beautyButtons\/index.html\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/joquery.com\/2011\/tutorial-css3-push-down-buttons\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/609\/dbf\/7d4\/609dbf7d4072798dc9279d2994e33057.jpg\"\/><\/p>\n<p>   <strong>Pure CSS3 Web Button<\/strong> [<a rel=\"external\" href=\"http:\/\/freewebelements.com\/examples\/button\/\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/www.freewebelements.com\/css3-web-button-tutorial\/\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/a93\/3b9\/60d\/a933b960d8c8bcca7d6f1e2e4b75785b.jpg\"\/>    \t   \t<\/p>\n<div class=\"clear\"><\/div>\n<\/p><\/div>\n<p> \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 <a href=\"http:\/\/habrahabr.ru\/post\/157495\/\"> http:\/\/habrahabr.ru\/post\/157495\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">   \t\u0412 \u044d\u0442\u043e\u0439 \u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0443\u0440\u043e\u043a\u0438 \u043f\u043e \u0441\u043e\u0437\u0434\u0430\u043d\u0438\u044e CSS-\u043a\u043d\u043e\u043f\u043e\u043a \u043d\u0430 \u043b\u044e\u0431\u043e\u0439 \u0432\u043a\u0443\u0441. \u041d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0438\u0437 \u043d\u0438\u0445 \u0443\u0436\u0435 \u043e\u0431\u0441\u0443\u0436\u0434\u0430\u043b\u0438\u0441\u044c \u043d\u0430 \u0425\u0430\u0431\u0440\u0435, \u043d\u0435\u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u043e\u0432\u0441\u0435\u043c \u043d\u043e\u0432\u044b\u0435.<\/p>\n<p>  <strong>Fancy 3D Button with CSS3<\/strong> [<a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/289\/fancy-3d-button\">\u0414\u0435\u043c\u043e<\/a> | <a rel=\"external\" href=\"http:\/\/cssdeck.com\/item\/289\/fancy-3d-button\">\u041f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u0438<\/a>] <\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/f61\/11d\/3fc\/f6111d3fcdc1d72ae59422bf3013b722.jpg\"\/><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-157495","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/157495","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=157495"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/157495\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=157495"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=157495"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=157495"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}