{"id":164409,"date":"2013-07-29T13:37:05","date_gmt":"2013-07-29T09:37:05","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=164409"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=164409","title":{"rendered":"<span class=\"post_title\">CSS-\u043c\u0430\u0441\u043a\u0438 \u0434\u043b\u044f hover-\u044d\u0444\u0444\u0435\u043a\u0442\u043e\u0432<\/span>"},"content":{"rendered":"<div class=\"content html_format\">   \t<img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/cc4\/7bc\/429\/cc47bc42971e29cf2ae5f287cfcbd040.jpg\"\/><\/p>\n<p>  \u041d\u0430 \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u0430\u0439\u0442\u0430\u0445-\u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0432\u0438\u0434\u0435 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a-\u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440 \u0441 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u043c\u0438 hover-\u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043d\u043e \u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f CSS-\u043c\u0430\u0441\u043a\u0438. \u042d\u0444\u0444\u0435\u043a\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043d\u043e \u043a \u0441\u0447\u0430\u0441\u0442\u044c\u044e \u0438 \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u0438 \u043d\u0435 \u0441\u044a\u0435\u0437\u0436\u0430\u0435\u0442.<a name=\"habracut\"><\/a><\/p>\n<h2>\u041f\u0440\u0438\u043c\u0435\u0440\u044b<\/h2>\n<p>  \u0414\u043b\u044f \u043d\u0430\u0447\u0430\u043b\u0430 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u0438\u043c\u0435\u0440\u043e\u0432 \u0438\u0437 <a href=\"http:\/\/www.queness.com\/post\/11203\/11-minimal-and-elegant-portfolio-page-with-subtle-animation\">\u043f\u043e\u0434\u0431\u043e\u0440\u043a\u0438 \u0441 \u043a\u0440\u0430\u0441\u0438\u0432\u044b\u043c\u0438 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430\u043c\u0438 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/a> \u2014 <a href=\"http:\/\/beta.rallyinteractive.com\/\">Rally Interactive<\/a>, <a href=\"http:\/\/www.iamyuna.com\/\">I Am Yuna<\/a>, <a href=\"http:\/\/dotmick.com\/\">Mickael Larcheveque<\/a>, <a href=\"http:\/\/work.madeinhaus.com\/\">Haus<\/a>:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/ec6\/81d\/147\/ec681d147e798dd33c7028777fe431b0.jpg\"\/><\/p>\n<h2>\u0420\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f<\/h2>\n<p>  \u0414\u043b\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f \u0442\u043e\u043b\u044c\u043a\u043e HTML &#038; CSS. \u0427\u0442\u043e\u0431\u044b \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0430 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0430\u043b\u0430\u0441\u044c \u0432\u043e \u0432\u0441\u0435\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u0432 \u043a\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u043c\u0430\u0441\u043a\u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c \u043f\u0440\u043e\u0437\u0440\u0430\u0447\u043d\u044b\u0439 PNG, \u0430 \u043d\u0435 CSS Shapes \u0438\u043b\u0438 \u043a\u0430\u043a\u0438\u0435-\u0442\u043e \u0434\u0440\u0443\u0433\u0438\u0435 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0435 \u0442\u0435\u0445\u043d\u0438\u043a\u0438:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/408\/ae7\/dd4\/408ae7dd45544a1e549de3b11e933259.png\"\/><\/p>\n<p>  \u041d\u0430\u0433\u043b\u044f\u0434\u043d\u0430\u044f \u0441\u0445\u0435\u043c\u0430 \u0432\u0441\u0435\u0439 \u043a\u043e\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/c80\/e4a\/241\/c80e4a241e598bd6ddeabe23b168458e.png\"\/><\/p>\n<ul>\n<li><b>.overlay<\/b> \u2014 PNG-\u0444\u0430\u0439\u043b \u043c\u0430\u0441\u043a\u0438<\/li>\n<li><b>.details<\/b> \u2014 \u043a\u043e\u043d\u0442\u0435\u043d\u0442: \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u043a, \u043e\u043f\u0438\u0441\u0430\u043d\u0438\u0435, \u0441\u0441\u044b\u043b\u043a\u0430<\/li>\n<li><b>.bg<\/b> \u2014 \u0441\u043b\u043e\u0439 \u0441 \u0444\u043e\u043d\u043e\u0432\u044b\u043c \u0446\u0432\u0435\u0442\u043e\u043c<\/li>\n<li><b>.base<\/b> \u2014 \u043a\u0430\u0440\u0442\u0438\u043d\u043a\u0430-\u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440\u0430 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e<\/li>\n<li><b>.shape<\/b> \u2014 \u0441\u043b\u043e\u0439, \u0441\u043e\u0431\u0438\u0440\u0430\u044e\u0449\u0438\u0439 \u0432\u0441\u0435 \u0432\u043c\u0435\u0441\u0442\u0435<\/li>\n<\/ul>\n<p>  HTML-\u0440\u0430\u0437\u043c\u0435\u0442\u043a\u0430:<\/p>\n<pre><code class=\"html\">&lt;div class=&quot;shape&quot;&gt;     &lt;a href=&quot;{URL}&quot; class=&quot;overlay {round|hexagon|pentagon}&quot;&gt;&lt;\/a&gt;         &lt;div class=&quot;details&quot;&gt;         &lt;span class=&quot;heading&quot;&gt;{TITLE}&lt;\/span&gt;         &lt;hr \/&gt;         &lt;p&gt;{DESCRIPTION}&lt;\/p&gt;                 &lt;a href=&quot;{URL}&quot; class=&quot;button&quot;&gt;VIEW&lt;\/a&gt;     &lt;\/div&gt;         &lt;div class=&quot;bg&quot;&gt;&lt;\/div&gt;         &lt;div class=&quot;base&quot;&gt;         &lt;img src=&quot;{IMAGE URL}&quot; alt=&quot;&quot; \/&gt;     &lt;\/div&gt;     &lt;\/div&gt;     <\/code><\/pre>\n<p>  \u0414\u043b\u044f \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 \u044d\u0444\u0444\u0435\u043a\u0442\u0430 \u043d\u0435 \u043d\u0443\u0436\u0435\u043d JavaScript. \u041f\u0440\u0438\u043c\u0435\u043d\u044f\u0435\u0442\u0441\u044f \u043f\u0441\u0435\u0432\u0434\u043e\u043a\u043e\u0434 <b>:hover<\/b> \u0438 CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u044f.<\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041a\u0443\u0441\u043e\u043a \u043a\u043e\u0434\u0430 \u0434\u043b\u044f CSS-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"css\">.shape .overlay {     display:block;     width: 310px;     height: 310px;     position: absolute;     top:-5px;     left:-5px;     -webkit-transform: scale(1,1);     -webkit-transition-timing-function: ease-out;     -webkit-transition-duration: 0.6s;     -moz-transform: scale(1,1);     -moz-transition-timing-function: ease-out;     -moz-transition-duration: 0.6s;     transform: scale(1,1);     transition-timing-function: ease-out;     transition-duration: 0.6s;                     z-index:500;     \/* allow user to actually perform actions underneath this layer *\/     pointer-events:none;      background-repeat: no-repeat; } ...... \/* hover effect *\/ .shape:hover .overlay {     -webkit-transform: scale(1.07,1.07);     -webkit-transition-timing-function: ease-out;     -webkit-transition-duration: 0.3s;     -moz-transform: scale(1.07,1.07);     -moz-transition-timing-function: ease-out;     -moz-transition-duration: 0.3s; } .shape:hover .bg {   -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;;   filter: alpha(opacity=80);   -moz-opacity: 0.8;   -khtml-opacity: 0.8;   opacity: 0.8;   display:block; } .shape:hover .details {   -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;   filter: alpha(opacity=100);   -moz-opacity: 1;   -khtml-opacity: 1;   opacity: 1;     z-index:450;   display:block;     }     <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <\/p>\n<div class=\"spoiler\"><b class=\"spoiler_title\">\u041f\u043e\u043b\u043d\u044b\u0439 CSS-\u043a\u043e\u0434<\/b><\/p>\n<div class=\"spoiler_text\">\n<pre><code class=\"css\">.shape {     width: 300px;     height: 300px;     position: relative; }              .shape .overlay {         display:block;         width: 310px;         height: 310px;         position: absolute;         top:-5px;         left:-5px;         -webkit-transform: scale(1,1);         -webkit-transition-timing-function: ease-out;         -webkit-transition-duration: 0.6s;         -moz-transform: scale(1,1);         -moz-transition-timing-function: ease-out;         -moz-transition-duration: 0.6s;         transform: scale(1,1);         transition-timing-function: ease-out;         transition-duration: 0.6s;                         z-index:500;         \/* allow user to actually perform actions underneath this layer *\/         pointer-events:none;          background-repeat: no-repeat;     } \/* different shapes *\/ .shape .overlay.round {     background: url(round.png);         } .shape .overlay.hexagon {     background: url(hexagon.png); } .shape .overlay.pentagon {     background: url(pentagon.png); }             \/* hover effect *\/ .shape:hover .overlay {     -webkit-transform: scale(1.07,1.07);     -webkit-transition-timing-function: ease-out;     -webkit-transition-duration: 0.3s;     -moz-transform: scale(1.07,1.07);     -moz-transition-timing-function: ease-out;     -moz-transition-duration: 0.3s; } .shape:hover .bg {   -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=80)&quot;;   filter: alpha(opacity=80);   -moz-opacity: 0.8;   -khtml-opacity: 0.8;   opacity: 0.8;   display:block; } .shape:hover .details {   -ms-filter: &quot;progid:DXImageTransform.Microsoft.Alpha(Opacity=100)&quot;;   filter: alpha(opacity=100);   -moz-opacity: 1;   -khtml-opacity: 1;   opacity: 1;     z-index:450;   display:block;     }                       \/* content styles *\/ .shape .bg,  .shape .details {     position: absolute;     width: 300px;     height:300px;     display:table-cell;     vertical-align:middle;     text-align:center;     top:0;     left:0;     opacity:0;     -webkit-transition: all 0.3s ease;   -moz-transition: all 0.3s ease;   -o-transition: all 0.3s ease;   transition: all 0.3s ease;                     display:none;   }         .shape .bg {     background: #4b5a78;         } .shape .details span.heading {     font-family: 'Roboto Condensed', serif;             font-size:30px;     display:block;     margin-top:70px;     color:#fff;     text-decoration:none; } .shape .details p {     font-family: 'Abel', sans-serif;             color:#fff;     width: 70%;     font-size:14px;     margin:0 auto; } .shape a.button {     padding:5px 15px;     font-family: 'Abel', sans-serif;         font-size:12px;         -webkit-border-radius: 20px;     -moz-border-radius: 20px;     -ms-border-radius: 20px;     -o-border-radius: 20px;     border-radius: 20px;     background: #2f3644;     text-decoration:none;     color:#fff;     display:block;     width:50px;     margin:0 auto;     text-align:center;     margin-top:15px; }     .shape a.button:hover {         background: #fff;         color: #2f3644;                     } <\/code><\/pre>\n<p>  <\/div>\n<\/div>\n<p>  <a href=\"http:\/\/www.queness.com\/resources\/html\/masking-images-with-shape\/index.html\">\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u043f\u043e\u043b\u0443\u0447\u0438\u0432\u0448\u0435\u0433\u043e\u0441\u044f \u044d\u0444\u0444\u0435\u043a\u0442\u0430<\/a>. \u0427\u0442\u043e \u043a\u0430\u0441\u0430\u0435\u0442\u0441\u044f \u043a\u0440\u043e\u0441\u0441\u0431\u0440\u0430\u0443\u0437\u0435\u0440\u043d\u043e\u0441\u0442\u0438, \u044d\u0444\u0444\u0435\u043a\u0442 \u043f\u0440\u0430\u0432\u0438\u043b\u044c\u043d\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u0430 \u0442\u0430\u043a\u0436\u0435 \u0432 Internet Explorer 8.<\/p>\n<p>  \u0410 <a href=\"http:\/\/www.queness.com\/post\/13901\/create-beautiful-hexagon-shapes-with-pure-css3\">\u0432\u043e\u0442 \u0435\u0449\u0435 \u043e\u0434\u0438\u043d \u0441\u043f\u043e\u0441\u043e\u0431<\/a> \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432 \u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u043d\u0430 \u0441\u0430\u0439\u0442\u0435 \u0441 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435\u043c CSS Transform \u0438 Masking (<a href=\"http:\/\/www.queness.com\/resources\/html\/css3-hexagon\/index.html\">\u0434\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a>):<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/4f8\/422\/a78\/4f8422a788f6200ed8e26b6fb09eb514.png\"\/><\/p>\n<p>  \u041b\u044e\u0431\u043e\u043f\u044b\u0442\u043d\u043e, \u043a\u0430\u043a \u0432 \u044d\u0442\u043e\u043c \u043f\u0440\u0438\u043c\u0435\u0440\u0435 \u0441\u0442\u0440\u043e\u0438\u0442\u0441\u044f \u043c\u0430\u0441\u043a\u0430 \u0432 \u0432\u0438\u0434\u0435 \u0448\u0435\u0441\u0442\u0438\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430:<\/p>\n<p>  <img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/cd3\/9fe\/c4b\/cd39fec4b082f1c3dcafe7817c8cf044.jpg\"\/><\/p>\n<p>  \u041f\u043e\u043b\u0435\u0437\u043d\u043e\u0435 \u0447\u0442\u0438\u0432\u043e \u0438 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b:<\/p>\n<ul>\n<li><a href=\"http:\/\/www.html5rocks.com\/en\/tutorials\/masking\/adobe\/\">\u0425\u043e\u0440\u043e\u0448\u0438\u0439 \u0443\u0440\u043e\u043a \u043f\u043e CSS Masking<\/a> \u043e\u0442 HTML5Rocks<\/li>\n<li><a href=\"http:\/\/www.w3.org\/TR\/css-masking\/\">CSS Masking<\/a> \u043e\u0442 W3C<\/li>\n<li><a href=\"http:\/\/www.queness.com\/post\/14450\/display-images-with-shape-masking-and-nifty-zoom-effect\">Display Images with Shape Masking and Nifty Zoom Effect<\/a><\/li>\n<li><a href=\"http:\/\/www.queness.com\/post\/13901\/create-beautiful-hexagon-shapes-with-pure-css3\">Create Beautiful Hexagon Shapes With Pure CSS3<\/a><\/li>\n<\/ul>\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\/164409\/\"> http:\/\/habrahabr.ru\/post\/164409\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<div class=\"content html_format\">   \t<img decoding=\"async\" src=\"http:\/\/habrastorage.org\/storage2\/cc4\/7bc\/429\/cc47bc42971e29cf2ae5f287cfcbd040.jpg\"\/><\/p>\n<p>  \u041d\u0430 \u043c\u043d\u043e\u0433\u0438\u0445 \u0441\u0430\u0439\u0442\u0430\u0445-\u043f\u043e\u0440\u0442\u0444\u043e\u043b\u0438\u043e \u0440\u0430\u0431\u043e\u0442\u044b \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u044b \u0432 \u0432\u0438\u0434\u0435 \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u043a\u0430\u0440\u0442\u0438\u043d\u043e\u043a-\u043c\u0438\u043d\u0438\u0430\u0442\u044e\u0440 \u0441 \u043f\u0440\u0438\u044f\u0442\u043d\u044b\u043c\u0438 hover-\u044d\u0444\u0444\u0435\u043a\u0442\u0430\u043c\u0438. \u0412 \u044d\u0442\u043e\u0439 \u0441\u0442\u0430\u0442\u044c\u0435 \u0431\u0443\u0434\u0435\u0442 \u0440\u0430\u0441\u0441\u043a\u0430\u0437\u0430\u043d\u043e \u043e \u0441\u043f\u043e\u0441\u043e\u0431\u0435 \u0441\u0434\u0435\u043b\u0430\u0442\u044c \u0442\u0430\u043a\u0438\u0435 \u044d\u0444\u0444\u0435\u043a\u0442\u044b, \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u044f CSS-\u043c\u0430\u0441\u043a\u0438. \u042d\u0444\u0444\u0435\u043a\u0442 \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0442\u043e\u043b\u044c\u043a\u043e \u0432 \u0441\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0445 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043d\u043e \u043a \u0441\u0447\u0430\u0441\u0442\u044c\u044e \u0438 \u0432 \u0441\u0442\u0430\u0440\u044b\u0445 \u0432\u0435\u0440\u0441\u0442\u043a\u0430 \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u043a\u043e\u0440\u0440\u0435\u043a\u0442\u043d\u043e \u0438 \u043d\u0435 \u0441\u044a\u0435\u0437\u0436\u0430\u0435\u0442.<\/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-164409","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/164409","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=164409"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/164409\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=164409"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=164409"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=164409"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}