{"id":4283,"date":"2022-05-25T17:55:09","date_gmt":"2022-05-25T16:55:09","guid":{"rendered":"https:\/\/ibex.tech\/cloud\/?p=4283"},"modified":"2022-05-25T17:55:10","modified_gmt":"2022-05-25T16:55:10","slug":"spininng-circle","status":"publish","type":"post","link":"https:\/\/ibex.tech\/cloud\/css\/animation\/spininng-circle","title":{"rendered":"Spininng circle"},"content":{"rendered":"\n<h4 class=\"wp-block-heading\">A spinning circle example<\/h4>\n\n\n\n<pre class=\"wp-block-code\"><code>  &lt;style>\r\n  #MyWaitingAnimatedIcon {\r\n    border: 6px solid #f3f3f3;\r\n    border-radius: 50%;\r\n    border-top: 6px solid #777777;\r\n    width: 40px;\r\n    height: 40px;\r\n    -webkit-animation: animated_icon_spin 2s linear infinite; \/* Safari *\/\r\n    animation: animated_icon_spin 2s linear infinite;\r\n\r\n    margin-top: 10px;\r\n    margin-left: auto;\r\n    margin-right: auto;\r\n    margin-bottom: 10px;\r\n  }\r\n  @-webkit-keyframes animated_icon_spin {\r\n    0% { -webkit-transform: rotate(0deg); }\r\n    100% { -webkit-transform: rotate(360deg); }\r\n  }\r\n  @keyframes animated_icon_spin {\r\n    0% { transform: rotate(0deg); }\r\n    100% { transform: rotate(360deg); }\r\n  }\r\n  &lt;\/style>\r\n\r\n  &lt;div id=\"MyWaitingAnimatedIcon\">&lt;\/div><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"<p>A spinning circle example<\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[338],"tags":[],"class_list":["post-4283","post","type-post","status-publish","format-standard","hentry","category-animation"],"_links":{"self":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/4283","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/comments?post=4283"}],"version-history":[{"count":1,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/4283\/revisions"}],"predecessor-version":[{"id":4284,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/posts\/4283\/revisions\/4284"}],"wp:attachment":[{"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/media?parent=4283"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/categories?post=4283"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ibex.tech\/cloud\/wp-json\/wp\/v2\/tags?post=4283"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}