{"id":10345,"date":"2024-01-30T15:34:53","date_gmt":"2024-01-30T20:34:53","guid":{"rendered":"https:\/\/www.eng.ufl.edu\/marcom-dev\/?post_type=mercury-block&amp;p=10345"},"modified":"2024-01-30T15:34:53","modified_gmt":"2024-01-30T20:34:53","slug":"animated-border-button","status":"publish","type":"mercury-block","link":"https:\/\/www.eng.ufl.edu\/marcom\/mercury-block\/animated-border-button\/","title":{"rendered":"Animated Border Button"},"content":{"rendered":"\n<p>In the Block Editor, add a Buttons block. Select the button in the content area and add text. Edit the link, alignment, formatting, styles, and other settings for the buttons and button group in the editing toolbar. <\/p>\n\n\n\n<p><a href=\"https:\/\/webservices.it.ufl.edu\/mercury-theme\/items\/animated-border-button.html\" target=\"_blank\" rel=\"noreferrer noopener\">When to use and example of animated border buttons<\/a><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"976\" height=\"427\" src=\"https:\/\/www.eng.ufl.edu\/marcom-dev\/wp-content\/uploads\/sites\/253\/2024\/01\/howto-animated-buttons.gif\" alt=\"Animation showing how to create animated buttons in the block editor\" class=\"wp-image-10445\"\/><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Styled button with animation on focus.<\/p>\n","protected":false},"featured_media":10439,"template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"featured_post":"","_links_to":"","_links_to_target":""},"block-categories":[3],"class_list":["post-10345","mercury-block","type-mercury-block","status-publish","has-post-thumbnail","hentry","block-categories-buttons"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block\/10345","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/mercury-block"}],"about":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/types\/mercury-block"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media\/10439"}],"wp:attachment":[{"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/media?parent=10345"}],"wp:term":[{"taxonomy":"block-categories","embeddable":true,"href":"https:\/\/www.eng.ufl.edu\/marcom\/wp-json\/wp\/v2\/block-categories?post=10345"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}