{"id":9772,"date":"2024-03-22T05:42:44","date_gmt":"2024-03-22T05:42:44","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=9772"},"modified":"2024-03-22T06:30:06","modified_gmt":"2024-03-22T06:30:06","slug":"transform","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2024\/03\/22\/transform\/","title":{"rendered":"Transform"},"content":{"rendered":"\n<p>You can apply <strong>Transform <\/strong>effect to any widget.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"515\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/transform-1024x515.png\" alt=\"\" class=\"wp-image-9782\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/transform-1024x515.png 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2024\/03\/transform-768x386.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to apply Transform effect?<\/h4>\n\n\n\n<p><strong>Step 1<\/strong>. Choose the Widget you want to apply Transform effect.<\/p>\n\n\n\n<p><strong>Step 2<\/strong>. Navigate to <strong>UDesign<\/strong> Tab and select Transform item. <\/p>\n\n\n\n<p><strong>Step 3<\/strong>. Activate Transform toggle icon and edit Transform option.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Transform Effect Option.<\/h4>\n\n\n\n<p><strong>Translate <\/strong>&#8211; Set start and end position transform.<\/p>\n\n\n\n<p><strong>Rotate<\/strong> &#8211; Set start and end degree of rotate transform.<\/p>\n\n\n\n<p><strong>Scale<\/strong> &#8211; Set start and end scale transform.<\/p>\n\n\n\n<p><strong>Transparency<\/strong> &#8211; Set start and end opacity of transform.<\/p>\n\n\n\n<p><strong>Animation Duration<\/strong> &#8211; Animation duration of transform effect.<\/p>\n\n\n\n<p><strong>Animation Direction<\/strong> &#8211; Direction of transform effect<\/p>\n\n\n\n<p><strong>Animation Timing Function<\/strong> &#8211; Animation timing function of transform effect.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>You can apply Transform effect to any widget. How to apply Transform effect? Step 1. Choose the Widget you want to apply Transform effect. Step 2. Navigate to UDesign Tab and select Transform item. Step 3. Activate Transform toggle icon and edit Transform option. Transform Effect Option. Translate &#8211; Set start and end position transform. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[39],"tags":[],"class_list":["post-9772","post","type-post","status-publish","format-standard","hentry","category-udesign-element-addons"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9772","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=9772"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9772\/revisions"}],"predecessor-version":[{"id":9785,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/9772\/revisions\/9785"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=9772"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=9772"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=9772"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}