{"id":95945,"date":"2023-12-12T10:56:34","date_gmt":"2023-12-12T10:56:34","guid":{"rendered":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&#038;p=95945"},"modified":"2024-06-12T06:11:01","modified_gmt":"2024-06-12T06:11:01","slug":"object-rotate","status":"publish","type":"xanabuilder","link":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/","title":{"rendered":"Rotate object"},"content":{"rendered":"\r\n<p class=\"wp-block-paragraph\">Let&#8217;s try rotating and placing objects in XANA:Builder.<\/p>\r\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to use Rotate in the menu<br \/><!-- notionvc: 4446dca7-722a-4209-966d-ebca3695ef08 --><\/h2>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">1. Select the object you want to rotate.<br \/><!-- notionvc: f4d4ed6c-9100-4cfe-a470-93b16110ccf2 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate1.webp\" alt=\"\" class=\"alignnone wp-image-87293 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085159\/object_rotate1.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085159\/object_rotate1-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085159\/object_rotate1-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085159\/object_rotate1-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085159\/object_rotate1-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">2. Click on &#8220;Rotate&#8221;.<br \/><!-- notionvc: 4760db53-5dc4-4665-bf91-e4737125a7a4 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate2.webp\" alt=\"\" class=\"alignnone wp-image-87294 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085227\/object_rotate2.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085227\/object_rotate2-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085227\/object_rotate2-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085227\/object_rotate2-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085227\/object_rotate2-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Tilt the object forward and backward using the mouse (rotate along the x-axis).<br \/><!-- notionvc: d23c53d5-1afa-4d2a-b84f-569a4b2995a1 --><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-1-1. If you want to tilt the object forward and backward, hover your cursor over the red circle.<br \/><!-- notionvc: 6bce9d77-4f58-4c95-a642-1d0b10915127 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate3.webp\" alt=\"\" class=\"alignnone wp-image-87295 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085431\/object_rotate3.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085431\/object_rotate3-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085431\/object_rotate3-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085431\/object_rotate3-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085431\/object_rotate3-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-1-2. When you hover your cursor over it, the color of the yellow circle changes.<br \/><!-- notionvc: 66bd7858-973e-49f0-9d1a-f93990fe704c --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate4.webp\" alt=\"\" class=\"alignnone wp-image-87296 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085502\/object_rotate4.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085502\/object_rotate4-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085502\/object_rotate4-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085502\/object_rotate4-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24085502\/object_rotate4-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-1-3. While it&#8217;s in this changed state, drag your mouse up and down. This action will tilt the object forward and backward.<br \/><!-- notionvc: 4862ad6a-2778-4637-aaad-179ca67d042d --><\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/F1JXiYYO-lnOd3YQs.mp4?_=1\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/F1JXiYYO-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/F1JXiYYO-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Swing the object left and right using the mouse (rotate along the y-axis).<br \/><!-- notionvc: 049dfa77-11dc-41bb-8625-b078a314d1fd --><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-2-1. If you want to swing the object left and right, hover your cursor over the light green circle.<br \/><!-- notionvc: 3616e537-196a-45ef-9b24-fbeb69d6f081 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate6.webp\" alt=\"\" class=\"alignnone wp-image-87300 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091739\/object_rotate6.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091739\/object_rotate6-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091739\/object_rotate6-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091739\/object_rotate6-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091739\/object_rotate6-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-2-1. If you want to swing the object left and right, hover your cursor over the light green circle.<br \/><!-- notionvc: 84f4dd3b-5716-4175-ac8d-d71325dbc313 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate7.webp\" alt=\"\" class=\"alignnone wp-image-87301 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091817\/object_rotate7.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091817\/object_rotate7-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091817\/object_rotate7-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091817\/object_rotate7-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24091817\/object_rotate7-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-2-3. While it&#8217;s in this changed state, drag your mouse left and right. This action will swing the object left and right.<br \/><!-- notionvc: a550c408-bd45-4b3f-a2da-83b22ffe91c2 --><\/p>\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-2\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/81hXubyY-lnOd3YQs.mp4?_=2\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/81hXubyY-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/81hXubyY-lnOd3YQs.mp4<\/a><\/video><\/div>\r\n\r\n\r\n<h3 class=\"wp-block-heading\">Tilt the object left and right using the mouse (rotate along the z-axis).<br \/><!-- notionvc: 869be57c-8b98-4ad7-8f8d-bf9de6d5d111 --><\/h3>\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-3-1. If you want to tilt the object left and right, hover your cursor over the blue circle.<br \/><!-- notionvc: e7b14b2b-6c70-4d29-b54b-13b8d2c40513 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate9.webp\" alt=\"\" class=\"alignnone wp-image-87302 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092212\/object_rotate9.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092212\/object_rotate9-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092212\/object_rotate9-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092212\/object_rotate9-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092212\/object_rotate9-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-3-2. When you hover your cursor over it, the color of the yellow circle changes.<br \/><!-- notionvc: cdcf14ee-e7f8-493e-9344-9b8a506bfe34 --><\/p>\r\n\r\n\r\n\r\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/d1bxytj65yb80p.cloudfront.net\/wp-content\/uploads\/2023\/11\/object_rotate10.webp\" alt=\"\" class=\"alignnone wp-image-87303 size-full\" width=\"1920\" height=\"1080\" srcset=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092239\/object_rotate10.webp 1920w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092239\/object_rotate10-300x169.webp 300w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092239\/object_rotate10-1024x576.webp 1024w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092239\/object_rotate10-768x432.webp 768w, https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/24092239\/object_rotate10-1536x864.webp 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">3-3-3. While it&#8217;s in this changed state, drag your mouse left and right. This action will tilt the object left and right.<br \/><!-- notionvc: b8c8c53a-5059-4877-a79d-0ed94affb695 --><\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-3\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/ifrBQKCr-lnOd3YQs.mp4?_=3\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/ifrBQKCr-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/ifrBQKCr-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n<h2 class=\"wp-block-heading\">How to enter the rotation angle numerically<br \/><!-- notionvc: af784079-0a2d-4f86-b63f-23253f03ff84 --><\/h2>\r\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span>To tilt the object forward and backward (rotate along the x-axis):<\/span><br \/><!-- notionvc: 31147b35-729c-4afc-b39f-e10c5d1d50c0 --><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Enter the desired angle value for tilting forward and backward directly into the &#8220;x&#8221; rotation of the Rotation property.<br \/><!-- notionvc: 61825295-a906-4d66-af9e-e15412008ba8 --><\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-4\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/PFvaH6Sx-lnOd3YQs.mp4?_=4\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/PFvaH6Sx-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/PFvaH6Sx-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span>To swing the object left and right (rotate along the y-axis):<\/span><br \/><!-- notionvc: 642fb171-e6a2-4a73-b273-a7fc9a6fd01b --><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Enter the desired angle value for swinging left and right directly into the &#8220;y&#8221; rotation of the Rotation property.<br \/><!-- notionvc: 4ea1c32c-fc5a-4e54-b338-3e7b8aefd1b1 --><\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-5\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/2O85Q49J-lnOd3YQs.mp4?_=5\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/2O85Q49J-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/2O85Q49J-lnOd3YQs.mp4<\/a><\/video><\/div>\n\r\n\r\n\r\n<h3 class=\"wp-block-heading\"><span>To tilt the object left and right (rotate along the z-axis):<\/span><br \/><!-- notionvc: 5fe12a6a-289f-4515-acd8-56115b60f1aa --><\/h3>\r\n\r\n\r\n\r\n<p class=\"wp-block-paragraph\">Enter the desired angle value for tilting left and right directly into the &#8220;z&#8221; rotation of the Rotation property.<br \/><!-- notionvc: bc21560a-d96f-481f-a9d8-3c6870d8fdd8 --><\/p>\r\n\r\n\r\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-95945-6\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/content.jwplatform.com\/videos\/ONxxcZm6-lnOd3YQs.mp4?_=6\" \/><a href=\"https:\/\/content.jwplatform.com\/videos\/ONxxcZm6-lnOd3YQs.mp4\">https:\/\/content.jwplatform.com\/videos\/ONxxcZm6-lnOd3YQs.mp4<\/a><\/video><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Let&#8217;s try rotating and placing objects in XANA:Builder. How to use Rotate in the menu 1. Select the object you want to rotate. 2. Click on &#8220;Rotate&#8221;. Tilt the object forward and backward using the mouse (rotate along the x-axis). 3-1-1. If you want to tilt the object forward and backward, hover your cursor over [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":86226,"comment_status":"open","ping_status":"closed","template":"","meta":{"swell_btn_cv_data":"","_locale":"en_US","_original_post":"https:\/\/xana.net\/blog\/?post_type=xanabuilder&p=87291","footnotes":""},"class_list":["post-95945","xanabuilder","type-xanabuilder","status-publish","has-post-thumbnail","hentry","xanabuilder-category-builder-tutorial","en-US"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rotate object - XANA Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rotate object - XANA Blog\" \/>\n<meta property=\"og:description\" content=\"Let&#8217;s try rotating and placing objects in XANA:Builder. How to use Rotate in the menu 1. Select the object you want to rotate. 2. Click on &#8220;Rotate&#8221;. Tilt the object forward and backward using the mouse (rotate along the x-axis). 3-1-1. If you want to tilt the object forward and backward, hover your cursor over [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/\" \/>\n<meta property=\"og:site_name\" content=\"XANA Blog\" \/>\n<meta property=\"article:modified_time\" content=\"2024-06-12T06:11:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/\",\"url\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/\",\"name\":\"Rotate object - XANA Blog\",\"isPartOf\":{\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"datePublished\":\"2023-12-12T10:56:34+00:00\",\"dateModified\":\"2024-06-12T06:11:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage\",\"url\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"contentUrl\":\"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/xana.net\/blog\/ja\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"XANA Builder Manual\",\"item\":\"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Rotate object\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/xana.net\/blog\/ja\/#website\",\"url\":\"https:\/\/xana.net\/blog\/ja\/\",\"name\":\"XANA Blog\",\"description\":\"Latest news and insights on the Metaverse,AI &amp; NFTs\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rotate object - XANA Blog","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/","og_locale":"en_US","og_type":"article","og_title":"Rotate object - XANA Blog","og_description":"Let&#8217;s try rotating and placing objects in XANA:Builder. How to use Rotate in the menu 1. Select the object you want to rotate. 2. Click on &#8220;Rotate&#8221;. Tilt the object forward and backward using the mouse (rotate along the x-axis). 3-1-1. If you want to tilt the object forward and backward, hover your cursor over [&hellip;]","og_url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/","og_site_name":"XANA Blog","article_modified_time":"2024-06-12T06:11:01+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/","url":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/","name":"Rotate object - XANA Blog","isPartOf":{"@id":"https:\/\/xana.net\/blog\/ja\/#website"},"primaryImageOfPage":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage"},"image":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage"},"thumbnailUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","datePublished":"2023-12-12T10:56:34+00:00","dateModified":"2024-06-12T06:11:01+00:00","breadcrumb":{"@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#primaryimage","url":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","contentUrl":"https:\/\/xana-wordpress-blog.s3.ap-southeast-1.amazonaws.com\/blog\/wp-content\/uploads\/2023\/11\/08093456\/manipulation.webp","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/xana.net\/blog\/manual\/xanabuilder\/object-rotate\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/xana.net\/blog\/ja\/"},{"@type":"ListItem","position":2,"name":"XANA Builder Manual","item":"https:\/\/xana.net\/blog\/ja\/manual\/xanabuilder\/"},{"@type":"ListItem","position":3,"name":"Rotate object"}]},{"@type":"WebSite","@id":"https:\/\/xana.net\/blog\/ja\/#website","url":"https:\/\/xana.net\/blog\/ja\/","name":"XANA Blog","description":"Latest news and insights on the Metaverse,AI &amp; NFTs","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/xana.net\/blog\/ja\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/95945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder"}],"about":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/types\/xanabuilder"}],"author":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/comments?post=95945"}],"version-history":[{"count":0,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/xanabuilder\/95945\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media\/86226"}],"wp:attachment":[{"href":"https:\/\/xana.net\/blog\/wp-json\/wp\/v2\/media?parent=95945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}