{"id":259666,"date":"2024-06-23T14:51:40","date_gmt":"2024-06-23T13:51:40","guid":{"rendered":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/?p=259666"},"modified":"2026-01-01T18:43:54","modified_gmt":"2026-01-01T18:43:54","slug":"animated-text-circle-1","status":"publish","type":"post","link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/animated-text-circle-1\/","title":{"rendered":"Animated Text Circle 1"},"content":{"rendered":"<style>.kadence-column259666_e8464f-ee{max-width:500px;margin-left:auto;margin-right:auto;}.wp-block-kadence-column.kb-section-dir-horizontal:not(.kb-section-md-dir-vertical)>.kt-inside-inner-col>.kadence-column259666_e8464f-ee{-webkit-flex:0 1 500px;flex:0 1 500px;max-width:unset;margin-left:unset;margin-right:unset;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col{padding-top:var(--global-kb-spacing-md, 2rem);padding-left:0px;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col,.kadence-column259666_e8464f-ee > .kt-inside-inner-col:before{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col{column-gap:var(--global-kb-gap-sm, 1rem);}.kadence-column259666_e8464f-ee > .kt-inside-inner-col{flex-direction:column;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col > .aligncenter{width:100%;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col:before{opacity:0.3;}.kadence-column259666_e8464f-ee{position:relative;}.kadence-column259666_e8464f-ee, .kt-inside-inner-col > .kadence-column259666_e8464f-ee:not(.specificity){margin-right:var(--global-kb-spacing-auto, auto);margin-left:var(--global-kb-spacing-auto, auto);}@media all and (min-width: 1025px){.wp-block-kadence-column.kb-section-dir-horizontal>.kt-inside-inner-col>.kadence-column259666_e8464f-ee{-webkit-flex:0 1 500px;flex:0 1 500px;max-width:unset;margin-left:unset;margin-right:unset;}}@media all and (max-width: 1024px){.kadence-column259666_e8464f-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}@media all and (max-width: 767px){.wp-block-kadence-column.kb-section-sm-dir-vertical:not(.kb-section-sm-dir-horizontal):not(.kb-section-sm-dir-specificity)>.kt-inside-inner-col>.kadence-column259666_e8464f-ee{max-width:500px;-webkit-flex:1;flex:1;margin-left:auto;margin-right:auto;}.kadence-column259666_e8464f-ee > .kt-inside-inner-col{flex-direction:column;justify-content:center;}}\/* B&B Text Circle 1 *\/:root {  --bb-circle-size: 250px; \/* Diameter of the circle - adjust as needed *\/  --bb-circle-speed: 30s; \/* Rotation speed - adjust as needed *\/}.bb-circle,.bb-circle-container {  width: var(--bb-circle-size);  height: var(--bb-circle-size);}.bb-circle-text {  position: absolute;  width: var(--bb-circle-size);  height: var(--bb-circle-size);  animation: rotateCircle var(--bb-circle-speed) linear infinite;}.bb-circle-text span {  position: absolute;  transform-origin: 50% 50%;}.bb-circle-text span:nth-last-of-type(2) {  opacity: 0;}@keyframes rotateCircle {  from {    transform: rotate(0deg);  }  to {    transform: rotate(360deg);  }}<\/style>\n<div class=\"wp-block-kadence-column kadence-column259666_e8464f-ee bb-circle\"><div class=\"kt-inside-inner-col\"><style>.wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14, .wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14[data-kb-block=\"kb-adv-heading259666_c21af3-14\"]{text-align:left;font-size:var(--global-kb-font-size-md, 1.25rem);font-weight:700;font-style:normal;text-transform:uppercase;}.wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14 mark.kt-highlight, .wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14[data-kb-block=\"kb-adv-heading259666_c21af3-14\"] mark.kt-highlight{font-style:normal;color:#f76a0c;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px;}.wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14 img.kb-inline-image, .wp-block-kadence-advancedheading.kt-adv-heading259666_c21af3-14[data-kb-block=\"kb-adv-heading259666_c21af3-14\"] img.kb-inline-image{width:150px;vertical-align:baseline;}<\/style>\n<p class=\"kt-adv-heading259666_c21af3-14 bb-circle-text wp-block-kadence-advancedheading\" data-kb-block=\"kb-adv-heading259666_c21af3-14\">\u00b7 brand and build \u00b7 beautifully bold.<\/p>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u00b7 brand and build \u00b7 beautifully bold.<\/p>\n","protected":false},"author":1,"featured_media":259692,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"<script>\nfunction wrapTextAndPosition() {\n  const element = document.querySelector('.bb-circle-text');\n    const text = element.innerText + \" \";\n  const circleRadius = parseFloat(getComputedStyle(document.documentElement).getPropertyValue('--bb-circle-size')) \/ 2;\n  element.innerHTML = ''; \n\n  Array.from(text).forEach((char, index, {length}) => {\n    const span = document.createElement('span');\n    const angle = (index \/ (length - 1)) * Math.PI * 2;\n    const x = circleRadius * Math.cos(angle) + circleRadius;\n    const y = circleRadius * Math.sin(angle) + circleRadius;\n    \n    const letterRotation = angle * (180 \/ Math.PI) + 90;\n    \n    span.style.left = `${x}px`;\n    span.style.top = `${y}px`;\n    span.style.transform = `translate(-50%, -50%) rotate(${letterRotation}deg)`;\n    span.style.transformOrigin = 'center';\n    span.textContent = char;\n    element.appendChild(span);\n  });\n}\nwrapTextAndPosition();\n<\/script>","_kadence_starter_templates_imported_post":false,"_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[94,172,83,85,84,147],"tags":[],"class_list":["post-259666","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-free-plan","category-headings","category-kadence-free","category-kadence-full-bundle","category-kadence-pro","category-miscellaneous"],"acf":[],"taxonomy_info":{"category":[{"value":94,"label":"Free Plan"},{"value":172,"label":"Headings"},{"value":83,"label":"Kadence Free"},{"value":85,"label":"Kadence Full Bundle"},{"value":84,"label":"Kadence Pro"},{"value":147,"label":"Miscellaneous"}]},"featured_image_src_large":["https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-content\/uploads\/animated-circle-1-1024x576.webp",1024,576,true],"author_info":{"display_name":"Michelle","author_link":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/author\/hf7wja\/"},"comment_info":0,"category_info":[{"term_id":94,"name":"Free Plan","slug":"free-plan","term_group":0,"term_taxonomy_id":94,"taxonomy":"category","description":"Blocks included in the free plan are available for email subscribers.","parent":0,"count":108,"filter":"raw","cat_ID":94,"category_count":108,"category_description":"Blocks included in the free plan are available for email subscribers.","cat_name":"Free Plan","category_nicename":"free-plan","category_parent":0},{"term_id":172,"name":"Headings","slug":"headings","term_group":0,"term_taxonomy_id":172,"taxonomy":"category","description":"","parent":0,"count":2,"filter":"raw","cat_ID":172,"category_count":2,"category_description":"","cat_name":"Headings","category_nicename":"headings","category_parent":0},{"term_id":83,"name":"Kadence Free","slug":"kadence-free","term_group":0,"term_taxonomy_id":83,"taxonomy":"category","description":"","parent":0,"count":190,"filter":"raw","cat_ID":83,"category_count":190,"category_description":"","cat_name":"Kadence Free","category_nicename":"kadence-free","category_parent":0},{"term_id":85,"name":"Kadence Full Bundle","slug":"kadence-full-bundle","term_group":0,"term_taxonomy_id":85,"taxonomy":"category","description":"","parent":0,"count":242,"filter":"raw","cat_ID":85,"category_count":242,"category_description":"","cat_name":"Kadence Full Bundle","category_nicename":"kadence-full-bundle","category_parent":0},{"term_id":84,"name":"Kadence Pro","slug":"kadence-pro","term_group":0,"term_taxonomy_id":84,"taxonomy":"category","description":"","parent":0,"count":236,"filter":"raw","cat_ID":84,"category_count":236,"category_description":"","cat_name":"Kadence Pro","category_nicename":"kadence-pro","category_parent":0},{"term_id":147,"name":"Miscellaneous","slug":"miscellaneous","term_group":0,"term_taxonomy_id":147,"taxonomy":"category","description":"","parent":0,"count":12,"filter":"raw","cat_ID":147,"category_count":12,"category_description":"","cat_name":"Miscellaneous","category_nicename":"miscellaneous","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/259666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/comments?post=259666"}],"version-history":[{"count":8,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/259666\/revisions"}],"predecessor-version":[{"id":259686,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/posts\/259666\/revisions\/259686"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media\/259692"}],"wp:attachment":[{"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/media?parent=259666"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/categories?post=259666"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/brandandbuildtemplates.me\/kadence-cloud\/wp-json\/wp\/v2\/tags?post=259666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}