{"id":42975,"date":"2026-10-29T11:17:11","date_gmt":"2026-10-29T11:17:11","guid":{"rendered":"https:\/\/mp.moonpreneur.com\/math-corner\/?p=42975"},"modified":"2026-10-29T11:43:00","modified_gmt":"2026-10-29T11:43:00","slug":"what-are-the-rules-for-transformations","status":"publish","type":"post","link":"https:\/\/mp.moonpreneur.com\/math-corner\/what-are-the-rules-for-transformations\/","title":{"rendered":"What are the Rules for Transformations?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"42975\" class=\"elementor elementor-42975\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-96dcf5d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"96dcf5d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e189dee\" data-id=\"e189dee\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-699cfe7 elementor-widget elementor-widget-html\" data-id=\"699cfe7\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<section style=\"font-family: Arial, sans-serif; color: #222; line-height: 1.8; background: linear-gradient(135deg, #fff8e7, #eef6ff); border: 1px solid #d6e6f5; border-left: 6px solid #f39c12; border-radius: 12px; padding: 22px; margin: 20px 0; box-sizing: border-box; width: 100%;\">\r\n\r\n  <h2 style=\"color: #173b70; font-size: clamp(21px, 4vw, 28px); margin: 0 0 14px; line-height: 1.4;\">\r\n    Rules for Transformations in Geometry\r\n  <\/h2>\r\n\r\n  <p style=\"font-size: 16px; margin: 0 0 16px;\">\r\n    The <strong style=\"color: #c0392b;\">rules for transformations<\/strong> define precisely how geometric figures move, flip, turn, or resize on a coordinate plane without losing their essential structural identities.\r\n  <\/p>\r\n\r\n  <p style=\"font-size: 16px; margin: 0 0 18px;\">\r\n    In Cartesian geometry, a transformation takes each vertex of an original shape, known as the <strong style=\"color: #6c3483;\">pre-image<\/strong>, and maps its coordinate point <strong>(x, y)<\/strong> onto a corresponding image point, denoted as <strong style=\"color: #087f8c;\">(x\u2032, y\u2032)<\/strong>.\r\n  <\/p>\r\n\r\n  <div style=\"background: #ffffff; border: 1px solid #d9e2f0; border-radius: 10px; padding: 16px; text-align: center; margin-top: 12px;\">\r\n    <p style=\"font-size: 14px; color: #526477; margin: 0 0 10px; font-weight: bold;\">\r\n      General Transformation Rule\r\n    <\/p>\r\n    <div style=\"font-size: clamp(20px, 5vw, 26px); font-weight: bold; color: #173b70; overflow-wrap: anywhere;\">\r\n      (x, y) \u2192 (x\u2032, y\u2032)\r\n    <\/div>\r\n    <p style=\"font-size: 14px; color: #444; margin: 10px 0 0;\">\r\n      Each original point is mapped to a new position according to a specific transformation rule.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div style=\"display: flex; flex-wrap: wrap; gap: 10px; margin-top: 18px;\">\r\n    <div style=\"flex: 1 1 130px; background: #e8f5e9; border-radius: 8px; padding: 12px; text-align: center; box-sizing: border-box;\">\r\n      <strong style=\"color: #237a3b;\">Translation<\/strong>\r\n      <p style=\"font-size: 14px; margin: 5px 0 0;\">Slides a shape<\/p>\r\n    <\/div>\r\n    <div style=\"flex: 1 1 130px; background: #e8f0ff; border-radius: 8px; padding: 12px; text-align: center; box-sizing: border-box;\">\r\n      <strong style=\"color: #2455a4;\">Reflection<\/strong>\r\n      <p style=\"font-size: 14px; margin: 5px 0 0;\">Flips a shape<\/p>\r\n    <\/div>\r\n    <div style=\"flex: 1 1 130px; background: #fff0e5; border-radius: 8px; padding: 12px; text-align: center; box-sizing: border-box;\">\r\n      <strong style=\"color: #b45309;\">Rotation<\/strong>\r\n      <p style=\"font-size: 14px; margin: 5px 0 0;\">Turns a shape<\/p>\r\n    <\/div>\r\n    <div style=\"flex: 1 1 130px; background: #f3e8ff; border-radius: 8px; padding: 12px; text-align: center; box-sizing: border-box;\">\r\n      <strong style=\"color: #7138a0;\">Dilation<\/strong>\r\n      <p style=\"font-size: 14px; margin: 5px 0 0;\">Resizes a shape<\/p>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-c1578d9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c1578d9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b2a7d3\" data-id=\"3b2a7d3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a033548 elementor-widget elementor-widget-text-editor\" data-id=\"a033548\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p><strong>Recommended Reading: <\/strong><\/p><ul><li><a href=\"https:\/\/mp.moonpreneur.com\/math-corner\/is-circumference-the-same-as-diameter\/\">Is Circumference the Same as Diameter?<\/a><\/li><li><a href=\"https:\/\/mp.moonpreneur.com\/math-corner\/highest-lexile-level\/\">What Is the Highest Lexile Level? A Complete Guide<\/a><\/li><li class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/mp.moonpreneur.com\/math-corner\/collinear-vs-coplanar-vectors\/\">What is the Difference Between Coplanar and Collinear Vectors?<\/a><\/li><\/ul>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4981fc9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4981fc9\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7daec0a\" data-id=\"7daec0a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-604d6fa elementor-widget elementor-widget-text-editor\" data-id=\"604d6fa\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2><b>Direct Answer \/ Key Takeaway (AEO Summary):<\/b><\/h2>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-53cad01 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"53cad01\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4dbf64e\" data-id=\"4dbf64e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-daa9d52 elementor-widget elementor-widget-html\" data-id=\"daa9d52\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div style=\"max-width: 100%; margin: 20px auto; padding: 24px; box-sizing: border-box; font-family: Arial, sans-serif; color: #222; background: linear-gradient(135deg, #f5f3ff, #eff8ff); border-radius: 16px; border: 1px solid #d9d6fe; line-height: 1.7;\">\r\n\r\n  <h2 style=\"margin: 0 0 14px; color: #4338ca; font-size: clamp(22px, 4vw, 30px); text-align: center;\">\r\n    Rules for Geometric Transformations\r\n  <\/h2>\r\n\r\n  <p style=\"margin: 0 0 22px; font-size: 16px;\">\r\n    Geometric transformations fall into two fundamental groups:\r\n    <strong>rigid transformations<\/strong> and\r\n    <strong>non-rigid transformations<\/strong>. Each group follows specific rules for changing the position, orientation, or size of a geometric figure.\r\n  <\/p>\r\n\r\n  <div style=\"display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 22px;\">\r\n\r\n    <div style=\"flex: 1 1 250px; min-width: 0; padding: 20px; box-sizing: border-box; background: #ffffff; border-radius: 12px; border-top: 5px solid #16a34a; box-shadow: 0 4px 12px rgba(0,0,0,0.06);\">\r\n      <h3 style=\"margin: 0 0 12px; color: #15803d; font-size: 21px;\">\r\n        1. Rigid Transformations\r\n      <\/h3>\r\n      <p style=\"margin: 0 0 12px;\">\r\n        Also called <strong>isometries<\/strong>, rigid transformations preserve the side lengths, angle measures, shape, and size of a figure.\r\n      <\/p>\r\n      <ul style=\"margin: 0; padding-left: 22px;\">\r\n        <li style=\"margin-bottom: 7px;\"><strong>Translation:<\/strong> Slides a figure from one position to another.<\/li>\r\n        <li style=\"margin-bottom: 7px;\"><strong>Reflection:<\/strong> Flips a figure across a line.<\/li>\r\n        <li><strong>Rotation:<\/strong> Turns a figure around a fixed point.<\/li>\r\n      <\/ul>\r\n      <div style=\"margin-top: 15px; padding: 11px; background: #dcfce7; border-radius: 8px; color: #166534; font-weight: bold; text-align: center;\">\r\n        Shape and size remain unchanged\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div style=\"flex: 1 1 250px; min-width: 0; padding: 20px; box-sizing: border-box; background: #ffffff; border-radius: 12px; border-top: 5px solid #ea580c; box-shadow: 0 4px 12px rgba(0,0,0,0.06);\">\r\n      <h3 style=\"margin: 0 0 12px; color: #c2410c; font-size: 21px;\">\r\n        2. Non-Rigid Transformations\r\n      <\/h3>\r\n      <p style=\"margin: 0 0 12px;\">\r\n        <strong>Dilations<\/strong> enlarge or reduce a figure using a scale factor, usually represented by <strong>k<\/strong>.\r\n      <\/p>\r\n      <ul style=\"margin: 0; padding-left: 22px;\">\r\n        <li style=\"margin-bottom: 7px;\"><strong>k &gt; 1:<\/strong> The figure enlarges.<\/li>\r\n        <li style=\"margin-bottom: 7px;\"><strong>0 &lt; k &lt; 1:<\/strong> The figure reduces in size.<\/li>\r\n        <li><strong>k = 1:<\/strong> The figure remains the same size.<\/li>\r\n      <\/ul>\r\n      <div style=\"margin-top: 15px; padding: 11px; background: #ffedd5; border-radius: 8px; color: #9a3412; font-weight: bold; text-align: center;\">\r\n        Shape is preserved; size may change\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n  <div style=\"padding: 20px; background: #1e293b; border-radius: 12px; color: #ffffff;\">\r\n    <h3 style=\"margin: 0 0 10px; color: #facc15; font-size: 21px;\">\r\n      Coordinate Mapping Rules\r\n    <\/h3>\r\n    <p style=\"margin: 0 0 14px;\">\r\n      Every transformation follows a coordinate mapping rule that changes an original point into its new position.\r\n    <\/p>\r\n    <div style=\"padding: 15px; background: #334155; border: 1px solid #64748b; border-radius: 8px; text-align: center; font-size: clamp(19px, 4vw, 25px); font-weight: bold; color: #ffffff; overflow-wrap: anywhere;\">\r\n      (x, y) \u2192 (x\u2032, y\u2032)\r\n    <\/div>\r\n    <p style=\"margin: 12px 0 0; font-size: 14px; color: #e2e8f0;\">\r\n      Here, (x, y) represents the original coordinates, while (x\u2032, y\u2032) represents the coordinates after the transformation.\r\n    <\/p>\r\n  <\/div>\r\n\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-edae22a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"edae22a\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1f21615\" data-id=\"1f21615\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-96ba181 elementor-widget elementor-widget-text-editor\" data-id=\"96ba181\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2><b>Quick Reference: Core Coordinate Transformation Rules<\/b><\/h2>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-ea9d827 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ea9d827\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1672a4f\" data-id=\"1672a4f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-dbc4fb2 elementor-widget elementor-widget-html\" data-id=\"dbc4fb2\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"transformation-cheatsheet\">\r\n  <style>\r\n    .transformation-cheatsheet {\r\n      width: 100%;\r\n      max-width: 1100px;\r\n      margin: 25px auto;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: #202b3c;\r\n      line-height: 1.6;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .transformation-cheatsheet * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-header {\r\n      background: linear-gradient(135deg, #173b83, #6639a6, #a83279);\r\n      color: #ffffff;\r\n      padding: 25px 20px;\r\n      border-radius: 14px 14px 0 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-header h2 {\r\n      margin: 0 0 10px;\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 4vw, 30px);\r\n      line-height: 1.3;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-header p {\r\n      margin: 0;\r\n      color: #f4f0ff;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-intro {\r\n      padding: 18px;\r\n      background: #f1f6ff;\r\n      border-left: 5px solid #3478db;\r\n      margin: 0 0 18px;\r\n      border-radius: 0 0 8px 8px;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-table-wrap {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      border: 1px solid #d9e2f0;\r\n      border-radius: 10px;\r\n      box-shadow: 0 5px 18px rgba(30, 55, 100, 0.08);\r\n    }\r\n\r\n    .transformation-cheatsheet table {\r\n      width: 100%;\r\n      min-width: 720px;\r\n      border-collapse: collapse;\r\n      background: #ffffff;\r\n      margin: 0;\r\n    }\r\n\r\n    .transformation-cheatsheet th {\r\n      background: #243d73;\r\n      color: #ffffff;\r\n      padding: 15px 12px;\r\n      text-align: left;\r\n      font-size: 14px;\r\n      border: 1px solid #42598a;\r\n    }\r\n\r\n    .transformation-cheatsheet td {\r\n      padding: 13px 12px;\r\n      border: 1px solid #e0e7f1;\r\n      font-size: 14px;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .transformation-cheatsheet tbody tr:nth-child(odd) {\r\n      background: #f2f7ff;\r\n    }\r\n\r\n    .transformation-cheatsheet tbody tr:nth-child(even) {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .transformation-cheatsheet tbody tr:hover {\r\n      background: #fff4d6;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-type {\r\n      font-weight: 700;\r\n      color: #253e79;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-formula {\r\n      display: inline-block;\r\n      padding: 5px 9px;\r\n      border-radius: 6px;\r\n      background: #e8f2ff;\r\n      color: #174e91;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n      font-family: \"Courier New\", monospace;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-notation {\r\n      font-family: \"Courier New\", monospace;\r\n      color: #7540a3;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-yes,\r\n    .transformation-cheatsheet .tc-no {\r\n      display: inline-block;\r\n      padding: 5px 9px;\r\n      border-radius: 20px;\r\n      font-weight: 700;\r\n      font-size: 12px;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-yes {\r\n      color: #17683b;\r\n      background: #d9f7e5;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-no {\r\n      color: #a13a16;\r\n      background: #ffeadb;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-note {\r\n      margin-top: 20px;\r\n      padding: 18px;\r\n      background: linear-gradient(135deg, #fff7d6, #ffedc2);\r\n      border: 1px solid #f1d17a;\r\n      border-left: 5px solid #e5a400;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-note h3 {\r\n      margin: 0 0 8px;\r\n      color: #815300;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .transformation-cheatsheet .tc-note p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .transformation-cheatsheet {\r\n        margin: 15px auto;\r\n      }\r\n\r\n      .transformation-cheatsheet .tc-header {\r\n        padding: 20px 14px;\r\n      }\r\n\r\n      .transformation-cheatsheet .tc-intro,\r\n      .transformation-cheatsheet .tc-note {\r\n        padding: 14px;\r\n      }\r\n\r\n      .transformation-cheatsheet .tc-table-wrap {\r\n        border-radius: 8px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"tc-header\">\r\n    <h2>Rules for Transformations in Geometry<\/h2>\r\n    <p>A Quick Coordinate Geometry Cheat Sheet<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"tc-intro\">\r\n    <strong>What are transformation rules?<\/strong>\r\n    These rules describe how a point moves from its original\r\n    position <strong>(x, y)<\/strong> to a new position\r\n    <strong>(x\u2032, y\u2032)<\/strong> after a translation, reflection,\r\n    rotation, or dilation. Most rules below are centered at\r\n    the origin (0, 0).\r\n  <\/div>\r\n\r\n  <div class=\"tc-table-wrap\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Transformation Type<\/th>\r\n          <th>Standard Notation<\/th>\r\n          <th>Coordinate Rule<\/th>\r\n          <th>Preserves Congruence?<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n        <tr>\r\n          <td class=\"tc-type\">Translation (Slide)<\/td>\r\n          <td><span class=\"tc-notation\">T(h, k)<\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (x + h, y + k)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">Reflection over the X-axis<\/td>\r\n          <td><span class=\"tc-notation\">r<sub>x-axis<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (x, \u2212y)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">Reflection over the Y-axis<\/td>\r\n          <td><span class=\"tc-notation\">r<sub>y-axis<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (\u2212x, y)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">Reflection over y = x<\/td>\r\n          <td><span class=\"tc-notation\">r<sub>y=x<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (y, x)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">Reflection over y = \u2212x<\/td>\r\n          <td><span class=\"tc-notation\">r<sub>y=\u2212x<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (\u2212y, \u2212x)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">90\u00b0 Counterclockwise Rotation<\/td>\r\n          <td><span class=\"tc-notation\">R<sub>90\u00b0<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (\u2212y, x)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">180\u00b0 Rotation<\/td>\r\n          <td><span class=\"tc-notation\">R<sub>180\u00b0<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (\u2212x, \u2212y)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">270\u00b0 Counterclockwise Rotation<\/td>\r\n          <td><span class=\"tc-notation\">R<sub>270\u00b0<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (y, \u2212x)<\/span><\/td>\r\n          <td><span class=\"tc-yes\">Yes \u2014 Isometry<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td class=\"tc-type\">Dilation (Center at Origin)<\/td>\r\n          <td><span class=\"tc-notation\">D<sub>k<\/sub><\/span><\/td>\r\n          <td><span class=\"tc-formula\">(x, y) \u2192 (kx, ky)<\/span><\/td>\r\n          <td><span class=\"tc-no\">No, unless |k| = 1<\/span><\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n  <div class=\"tc-note\">\r\n    <h3>Remember: Isometry vs. Dilation<\/h3>\r\n    <p>\r\n      <strong>Translations, reflections, and rotations<\/strong>\r\n      preserve both lengths and angles, so the image remains\r\n      congruent to the original figure. A <strong>dilation<\/strong>\r\n      changes the size when the scale factor's absolute value is\r\n      not 1. It preserves angles and proportional side lengths,\r\n      making the image similar to the original figure.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-7cd849e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"7cd849e\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-34afc09\" data-id=\"34afc09\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2dd59f5 elementor-widget elementor-widget-text-editor\" data-id=\"2dd59f5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2><b>Algebraic Rules for Transformations<\/b><\/h2>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-4a4a6e0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4a4a6e0\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-d90f1dc\" data-id=\"d90f1dc\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3159e05 elementor-widget elementor-widget-html\" data-id=\"3159e05\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"algebra-transformations\">\r\n  <style>\r\n    .algebra-transformations {\r\n      max-width: 100%;\r\n      margin: 24px auto;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: #263247;\r\n      line-height: 1.75;\r\n      font-size: 16px;\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .algebra-transformations * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .algebra-transformations .at-intro {\r\n      background: linear-gradient(135deg, #edf5ff, #f4edff);\r\n      border-left: 5px solid #6546c7;\r\n      padding: 18px 20px;\r\n      border-radius: 9px;\r\n      margin-bottom: 22px;\r\n    }\r\n\r\n    .algebra-transformations .at-section {\r\n      margin: 22px 0;\r\n      border: 1px solid #e0e6f0;\r\n      border-radius: 12px;\r\n      overflow: hidden;\r\n      box-shadow: 0 4px 14px rgba(30, 50, 90, 0.07);\r\n    }\r\n\r\n    .algebra-transformations .at-heading {\r\n      padding: 15px 18px;\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: 21px;\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .algebra-transformations .at-blue {\r\n      background: linear-gradient(110deg, #1769aa, #258cc4);\r\n    }\r\n\r\n    .algebra-transformations .at-purple {\r\n      background: linear-gradient(110deg, #673ab7, #9256cc);\r\n    }\r\n\r\n    .algebra-transformations .at-orange {\r\n      background: linear-gradient(110deg, #d65c16, #f39b28);\r\n    }\r\n\r\n    .algebra-transformations .at-content {\r\n      padding: 18px;\r\n      background: #ffffff;\r\n    }\r\n\r\n    .algebra-transformations .at-content p {\r\n      margin: 0 0 14px;\r\n    }\r\n\r\n    .algebra-transformations .at-formula {\r\n      display: block;\r\n      width: fit-content;\r\n      max-width: 100%;\r\n      margin: 16px auto;\r\n      padding: 12px 20px;\r\n      background: #fff6d9;\r\n      border: 1px solid #f1d27b;\r\n      border-radius: 8px;\r\n      color: #7b4300;\r\n      font-family: \"Courier New\", monospace;\r\n      font-size: 19px;\r\n      font-weight: bold;\r\n      text-align: center;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .algebra-transformations .at-rules {\r\n      list-style: none;\r\n      padding: 0;\r\n      margin: 12px 0 0;\r\n    }\r\n\r\n    .algebra-transformations .at-rules li {\r\n      position: relative;\r\n      padding: 9px 12px 9px 36px;\r\n      margin: 8px 0;\r\n      border-radius: 6px;\r\n      background: #f5f8fc;\r\n    }\r\n\r\n    .algebra-transformations .at-rules li::before {\r\n      content: \"\u2713\";\r\n      position: absolute;\r\n      left: 12px;\r\n      top: 9px;\r\n      color: #16804a;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .algebra-transformations .at-rule-label {\r\n      color: #2459a5;\r\n      font-weight: bold;\r\n    }\r\n\r\n    .algebra-transformations .at-reflection {\r\n      margin: 12px 0;\r\n      padding: 12px 14px;\r\n      border: 1px solid #e6def7;\r\n      border-radius: 8px;\r\n      background: #faf7ff;\r\n    }\r\n\r\n    .algebra-transformations .at-reflection strong {\r\n      color: #673ab7;\r\n    }\r\n\r\n    .algebra-transformations .at-reflection .at-formula {\r\n      margin: 9px 0 0;\r\n      background: #f0eaff;\r\n      border-color: #d7c6ff;\r\n      color: #4e2795;\r\n      font-size: 17px;\r\n    }\r\n\r\n    .algebra-transformations .at-tip {\r\n      margin-top: 18px;\r\n      padding: 16px 18px;\r\n      border-radius: 9px;\r\n      background: #e9f9ef;\r\n      border-left: 5px solid #239653;\r\n    }\r\n\r\n    .algebra-transformations .at-tip strong {\r\n      color: #176b38;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .algebra-transformations {\r\n        font-size: 15px;\r\n      }\r\n\r\n      .algebra-transformations .at-heading {\r\n        font-size: 18px;\r\n        padding: 13px 14px;\r\n      }\r\n\r\n      .algebra-transformations .at-content {\r\n        padding: 14px;\r\n      }\r\n\r\n      .algebra-transformations .at-formula {\r\n        font-size: 16px;\r\n        padding: 10px 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"at-intro\">\r\n    <p>\r\n      The <strong>algebraic rules for transformations<\/strong>\r\n      express geometric movements as algebraic functions.\r\n      A point at its original position <strong>(x, y)<\/strong>\r\n      moves to a new position <strong>(x\u2032, y\u2032)<\/strong>\r\n      according to the type of transformation applied.\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <section class=\"at-section\">\r\n    <h2 class=\"at-heading at-blue\">\r\n      1. Translation Rules (Horizontal and Vertical Shifts)\r\n    <\/h2>\r\n    <div class=\"at-content\">\r\n      <p>\r\n        A <strong>translation<\/strong> slides an object across a\r\n        plane without changing its orientation, shape, or size.\r\n        Each point moves by a fixed number of units horizontally\r\n        and vertically.\r\n      <\/p>\r\n\r\n      <div class=\"at-formula\">\r\n        (x, y) \u2192 (x + h, y + k)\r\n      <\/div>\r\n\r\n      <p>Here, <strong>h<\/strong> represents the horizontal shift,\r\n      and <strong>k<\/strong> represents the vertical shift.<\/p>\r\n\r\n      <ul class=\"at-rules\">\r\n        <li><span class=\"at-rule-label\">Move right:<\/span>\r\n          Add h to the x-coordinate: (x + h, y).<\/li>\r\n        <li><span class=\"at-rule-label\">Move left:<\/span>\r\n          Subtract h from the x-coordinate: (x \u2212 h, y).<\/li>\r\n        <li><span class=\"at-rule-label\">Move up:<\/span>\r\n          Add k to the y-coordinate: (x, y + k).<\/li>\r\n        <li><span class=\"at-rule-label\">Move down:<\/span>\r\n          Subtract k from the y-coordinate: (x, y \u2212 k).<\/li>\r\n      <\/ul>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"at-section\">\r\n    <h2 class=\"at-heading at-purple\">\r\n      2. Reflection Rules (Mirror Flips)\r\n    <\/h2>\r\n    <div class=\"at-content\">\r\n      <p>\r\n        A <strong>reflection<\/strong> flips a figure across a\r\n        specified line, creating a mirror image. Reflections\r\n        preserve lengths and angles, so the original figure and\r\n        its image are congruent.\r\n      <\/p>\r\n\r\n      <div class=\"at-reflection\">\r\n        <strong>Reflection over the x-axis<\/strong>\r\n        <p>The x-coordinate stays the same, while the sign of\r\n          the y-coordinate changes.<\/p>\r\n        <div class=\"at-formula\">(x, y) \u2192 (x, \u2212y)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"at-reflection\">\r\n        <strong>Reflection over the y-axis<\/strong>\r\n        <p>The y-coordinate stays the same, while the sign of\r\n          the x-coordinate changes.<\/p>\r\n        <div class=\"at-formula\">(x, y) \u2192 (\u2212x, y)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"at-reflection\">\r\n        <strong>Reflection across the line y = x<\/strong>\r\n        <p>Swap the x- and y-coordinates.<\/p>\r\n        <div class=\"at-formula\">(x, y) \u2192 (y, x)<\/div>\r\n      <\/div>\r\n\r\n      <div class=\"at-reflection\">\r\n        <strong>Reflection across the line y = \u2212x<\/strong>\r\n        <p>Swap the coordinates and negate both values.<\/p>\r\n        <div class=\"at-formula\">(x, y) \u2192 (\u2212y, \u2212x)<\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section class=\"at-section\">\r\n    <h2 class=\"at-heading at-orange\">\r\n      3. Dilation Rules (Scaling and Resizing)\r\n    <\/h2>\r\n    <div class=\"at-content\">\r\n      <p>\r\n        A <strong>dilation<\/strong> enlarges or reduces a figure\r\n        using a constant called the <strong>scale factor (k)<\/strong>.\r\n        For a dilation centered at the origin (0, 0), multiply\r\n        both coordinates by k.\r\n      <\/p>\r\n\r\n      <div class=\"at-formula\">\r\n        (x, y) \u2192 (kx, ky)\r\n      <\/div>\r\n\r\n      <ul class=\"at-rules\">\r\n        <li>\r\n          <span class=\"at-rule-label\">Enlargement:<\/span>\r\n          When |k| &gt; 1, the image is larger than the original\r\n          figure.\r\n        <\/li>\r\n        <li>\r\n          <span class=\"at-rule-label\">Reduction:<\/span>\r\n          When 0 &lt; |k| &lt; 1, the image is smaller than the\r\n          original figure.\r\n        <\/li>\r\n        <li>\r\n          <span class=\"at-rule-label\">Negative scale factor:<\/span>\r\n          When k &lt; 0, the image lies on the opposite side of\r\n          the origin from the corresponding original point,\r\n          with distances scaled by |k|. This is equivalent to\r\n          a dilation by |k| combined with a 180\u00b0 rotation\r\n          about the origin.\r\n        <\/li>\r\n      <\/ul>\r\n\r\n      <div class=\"at-tip\">\r\n        <strong>Quick reminder:<\/strong>\r\n        Translations and reflections preserve size and shape.\r\n        Dilations preserve shape and angle measures, but change\r\n        size unless |k| = 1.\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-581f18c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"581f18c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c2cce60\" data-id=\"c2cce60\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1c1ace1 elementor-widget elementor-widget-text-editor\" data-id=\"1c1ace1\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<h2><b>Rotation Rules for Transformations<\/b><\/h2>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-cd21f4f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"cd21f4f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dc8e560\" data-id=\"dc8e560\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-71c89e0 elementor-widget elementor-widget-html\" data-id=\"71c89e0\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"rotation-rules-section\">\r\n  <style>\r\n    .rotation-rules-section {\r\n      max-width: 100%;\r\n      margin: 25px auto;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: #263247;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .rotation-rules-section * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-header {\r\n      background: linear-gradient(135deg, #173b83, #6541a5, #a83279);\r\n      padding: 24px 20px;\r\n      border-radius: 12px 12px 0 0;\r\n      text-align: center;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-header h2 {\r\n      margin: 0;\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 4vw, 29px);\r\n      line-height: 1.4;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-header p {\r\n      margin: 8px 0 0;\r\n      color: #f3edff;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-intro {\r\n      background: #f0f6ff;\r\n      border-left: 5px solid #3678d4;\r\n      padding: 18px;\r\n      margin-bottom: 18px;\r\n      border-radius: 0 0 9px 9px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-intro strong {\r\n      color: #214c91;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-table-wrap {\r\n      width: 100%;\r\n      overflow-x: auto;\r\n      border: 1px solid #dce4f0;\r\n      border-radius: 10px;\r\n      box-shadow: 0 5px 16px rgba(34, 55, 95, 0.09);\r\n    }\r\n\r\n    .rotation-rules-section table {\r\n      width: 100%;\r\n      min-width: 600px;\r\n      border-collapse: collapse;\r\n      background: #ffffff;\r\n      margin: 0;\r\n    }\r\n\r\n    .rotation-rules-section thead th {\r\n      background: #243d73;\r\n      color: #ffffff;\r\n      padding: 15px 12px;\r\n      text-align: left;\r\n      font-size: 14px;\r\n      border: 1px solid #40578b;\r\n    }\r\n\r\n    .rotation-rules-section tbody td {\r\n      padding: 15px 12px;\r\n      border: 1px solid #e0e7f1;\r\n      font-size: 14px;\r\n      vertical-align: middle;\r\n    }\r\n\r\n    .rotation-rules-section tbody tr:nth-child(odd) {\r\n      background: #eff6ff;\r\n    }\r\n\r\n    .rotation-rules-section tbody tr:nth-child(even) {\r\n      background: #ffffff;\r\n    }\r\n\r\n    .rotation-rules-section tbody tr:hover {\r\n      background: #fff3d5;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-angle {\r\n      color: #7039a2;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-formula {\r\n      display: inline-block;\r\n      background: #e4f5e9;\r\n      color: #17683b;\r\n      padding: 6px 10px;\r\n      border-radius: 6px;\r\n      font-family: \"Courier New\", monospace;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-direction {\r\n      display: inline-block;\r\n      background: #fff0d9;\r\n      color: #95500b;\r\n      padding: 5px 9px;\r\n      border-radius: 6px;\r\n      font-weight: 700;\r\n      white-space: nowrap;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-note {\r\n      margin-top: 20px;\r\n      padding: 18px;\r\n      background: linear-gradient(135deg, #fff7d9, #ffedbd);\r\n      border: 1px solid #f1d17a;\r\n      border-left: 5px solid #e4a400;\r\n      border-radius: 9px;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-note h3 {\r\n      color: #805300;\r\n      margin: 0 0 8px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .rotation-rules-section .rotation-note p {\r\n      margin: 0;\r\n      font-size: 14px;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .rotation-rules-section .rotation-header {\r\n        padding: 20px 14px;\r\n      }\r\n\r\n      .rotation-rules-section .rotation-intro,\r\n      .rotation-rules-section .rotation-note {\r\n        padding: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"rotation-header\">\r\n    <h2>Rotation Rules for Transformations<\/h2>\r\n    <p>Coordinate Rules for Clockwise and Counterclockwise Turns<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"rotation-intro\">\r\n    The <strong>rotation rules for transformations<\/strong>\r\n    explain how a point changes position when rotated around the\r\n    origin <strong>(0, 0)<\/strong>. In standard geometry problems,\r\n    rotations are counterclockwise (CCW) unless the direction is\r\n    specifically stated as clockwise (CW).\r\n    <br \/><br \/>\r\n    A complete turn measures <strong>360\u00b0<\/strong>. Clockwise and\r\n    counterclockwise rotations can describe the same final position\r\n    when their angles are complementary.\r\n  <\/div>\r\n\r\n  <div class=\"rotation-table-wrap\">\r\n    <table>\r\n      <thead>\r\n        <tr>\r\n          <th>Rotation Angle<\/th>\r\n          <th>Standard Counterclockwise (CCW) Rule<\/th>\r\n          <th>Clockwise (CW) Equivalent<\/th>\r\n        <\/tr>\r\n      <\/thead>\r\n      <tbody>\r\n        <tr>\r\n          <td><span class=\"rotation-angle\">90\u00b0<\/span><\/td>\r\n          <td><span class=\"rotation-formula\">(x, y) \u2192 (\u2212y, x)<\/span><\/td>\r\n          <td><span class=\"rotation-direction\">270\u00b0 CW<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td><span class=\"rotation-angle\">180\u00b0<\/span><\/td>\r\n          <td><span class=\"rotation-formula\">(x, y) \u2192 (\u2212x, \u2212y)<\/span><\/td>\r\n          <td><span class=\"rotation-direction\">180\u00b0 CW<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td><span class=\"rotation-angle\">270\u00b0<\/span><\/td>\r\n          <td><span class=\"rotation-formula\">(x, y) \u2192 (y, \u2212x)<\/span><\/td>\r\n          <td><span class=\"rotation-direction\">90\u00b0 CW<\/span><\/td>\r\n        <\/tr>\r\n        <tr>\r\n          <td><span class=\"rotation-angle\">360\u00b0<\/span><\/td>\r\n          <td><span class=\"rotation-formula\">(x, y) \u2192 (x, y)<\/span><\/td>\r\n          <td><span class=\"rotation-direction\">360\u00b0 CW<\/span><\/td>\r\n        <\/tr>\r\n      <\/tbody>\r\n    <\/table>\r\n  <\/div>\r\n\r\n  <div class=\"rotation-note\">\r\n    <h3>Quick Tip: Remember the Coordinate Signs<\/h3>\r\n    <p>\r\n      <strong>90\u00b0 CCW:<\/strong> Swap x and y, then make the\r\n      original y-coordinate negative.\r\n      <br \/>\r\n      <strong>180\u00b0:<\/strong> Change the signs of both coordinates.\r\n      <br \/>\r\n      <strong>270\u00b0 CCW:<\/strong> Swap x and y, then make the\r\n      original x-coordinate negative.\r\n      <br \/>\r\n      <strong>360\u00b0:<\/strong> The point returns to its original\r\n      position, so the coordinates remain unchanged.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-6ab1507 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6ab1507\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-7179e29\" data-id=\"7179e29\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0153ffe elementor-widget elementor-widget-html\" data-id=\"0153ffe\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"rotation-example-container\">\r\n  <style>\r\n    .rotation-example-container {\r\n      max-width: 100%;\r\n      margin: 25px auto;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: #263247;\r\n      line-height: 1.7;\r\n    }\r\n\r\n    .rotation-example-container * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .rotation-example-container .re-heading {\r\n      background: linear-gradient(135deg, #173b83, #6541a5, #a83279);\r\n      padding: 22px 20px;\r\n      border-radius: 12px;\r\n      margin-bottom: 20px;\r\n      text-align: center;\r\n    }\r\n\r\n    .rotation-example-container .re-heading h2 {\r\n      color: #ffffff;\r\n      font-size: clamp(21px, 4vw, 28px);\r\n      line-height: 1.4;\r\n      margin: 0;\r\n    }\r\n\r\n    .rotation-example-container .re-heading p {\r\n      color: #f3edff;\r\n      font-size: 14px;\r\n      margin: 7px 0 0;\r\n    }\r\n\r\n    .rotation-example-container .re-intro {\r\n      background: #eff6ff;\r\n      border-left: 5px solid #3979d3;\r\n      padding: 16px 18px;\r\n      border-radius: 8px;\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .rotation-example-container .re-card {\r\n      background: #ffffff;\r\n      border: 1px solid #dfe6f1;\r\n      border-radius: 11px;\r\n      padding: 18px;\r\n      margin: 16px 0;\r\n      box-shadow: 0 4px 14px rgba(30, 55, 95, 0.06);\r\n    }\r\n\r\n    .rotation-example-container .re-step-title {\r\n      margin: 0 0 12px;\r\n      font-size: 18px;\r\n      color: #294b8d;\r\n    }\r\n\r\n    .rotation-example-container .re-step {\r\n      padding: 14px;\r\n      background: #f7f9ff;\r\n      border: 1px solid #e0e7fa;\r\n      border-radius: 8px;\r\n      margin: 12px 0;\r\n    }\r\n\r\n    .rotation-example-container .re-step strong {\r\n      color: #593b9b;\r\n    }\r\n\r\n    .rotation-example-container .re-formula {\r\n      display: inline-block;\r\n      margin: 7px 0;\r\n      padding: 7px 11px;\r\n      background: #e1f6e8;\r\n      border: 1px solid #b8e7c7;\r\n      border-radius: 6px;\r\n      color: #17683b;\r\n      font-family: \"Courier New\", monospace;\r\n      font-weight: 700;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .rotation-example-container .re-result {\r\n      display: block;\r\n      margin-top: 8px;\r\n      padding: 9px 12px;\r\n      background: #fff1d8;\r\n      border-left: 4px solid #e5a400;\r\n      border-radius: 5px;\r\n      color: #805300;\r\n      font-weight: 700;\r\n    }\r\n\r\n    .rotation-example-container .re-section-title {\r\n      background: linear-gradient(135deg, #126b70, #178a68);\r\n      color: #ffffff;\r\n      padding: 17px;\r\n      border-radius: 9px;\r\n      font-size: clamp(19px, 3vw, 24px);\r\n      margin: 28px 0 16px;\r\n    }\r\n\r\n    .rotation-example-container .re-composition {\r\n      background: #f3efff;\r\n      border: 1px solid #d8ccfa;\r\n      border-radius: 10px;\r\n      padding: 18px;\r\n      margin: 15px 0;\r\n    }\r\n\r\n    .rotation-example-container .re-composition h3 {\r\n      color: #5b3b98;\r\n      margin: 0 0 10px;\r\n      font-size: 18px;\r\n    }\r\n\r\n    .rotation-example-container .re-math {\r\n      display: block;\r\n      padding: 12px;\r\n      background: #ffffff;\r\n      border: 1px dashed #9b83d7;\r\n      border-radius: 7px;\r\n      text-align: center;\r\n      color: #4c3387;\r\n      font-family: \"Courier New\", monospace;\r\n      font-weight: 700;\r\n      font-size: 16px;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .rotation-example-container .re-list {\r\n      padding-left: 22px;\r\n      margin: 10px 0 0;\r\n    }\r\n\r\n    .rotation-example-container .re-list li {\r\n      padding: 5px 0;\r\n    }\r\n\r\n    .rotation-example-container .re-warning {\r\n      background: linear-gradient(135deg, #fff0ec, #fff7e9);\r\n      border: 1px solid #f3c2b5;\r\n      border-left: 5px solid #d84a35;\r\n      border-radius: 9px;\r\n      padding: 18px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .rotation-example-container .re-warning h3 {\r\n      color: #b52e25;\r\n      font-size: 18px;\r\n      margin: 0 0 8px;\r\n    }\r\n\r\n    .rotation-example-container .re-warning p {\r\n      margin: 0;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .rotation-example-container .re-heading {\r\n        padding: 18px 14px;\r\n      }\r\n\r\n      .rotation-example-container .re-card,\r\n      .rotation-example-container .re-composition,\r\n      .rotation-example-container .re-warning {\r\n        padding: 14px;\r\n      }\r\n\r\n      .rotation-example-container .re-step {\r\n        padding: 12px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"re-heading\">\r\n    <h2>Worked Example: Applying Rotations Step-by-Step<\/h2>\r\n    <p>Learn how to rotate coordinates around the origin<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"re-intro\">\r\n    Consider the vertex <strong>A(4, \u22122)<\/strong> of a triangle.\r\n    We will rotate this point around the origin <strong>(0, 0)<\/strong>\r\n    to find its new coordinates after different rotations.\r\n  <\/div>\r\n\r\n  <div class=\"re-card\">\r\n    <h3 class=\"re-step-title\">Step 1: Rotate 90\u00b0 Counterclockwise<\/h3>\r\n    <div class=\"re-step\">\r\n      <strong>Rule:<\/strong> Swap the coordinates and make the\r\n      original y-coordinate negative.\r\n      <br \/>\r\n      <span class=\"re-formula\">(x, y) \u2192 (\u2212y, x)<\/span>\r\n      <br \/>\r\n      Substitute x = 4 and y = \u22122:\r\n      <br \/>\r\n      <span class=\"re-formula\">(4, \u22122) \u2192 (\u2212(\u22122), 4)<\/span>\r\n      <span class=\"re-result\">Final coordinate: A\u2032(2, 4)<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"re-card\">\r\n    <h3 class=\"re-step-title\">Step 2: Rotate 180\u00b0<\/h3>\r\n    <div class=\"re-step\">\r\n      <strong>Rule:<\/strong> Change the signs of both coordinates.\r\n      <br \/>\r\n      <span class=\"re-formula\">(x, y) \u2192 (\u2212x, \u2212y)<\/span>\r\n      <br \/>\r\n      Substitute x = 4 and y = \u22122:\r\n      <br \/>\r\n      <span class=\"re-formula\">(4, \u22122) \u2192 (\u22124, 2)<\/span>\r\n      <span class=\"re-result\">Final coordinate: A\u2033(\u22124, 2)<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"re-card\">\r\n    <h3 class=\"re-step-title\">Step 3: Rotate 270\u00b0 Counterclockwise<\/h3>\r\n    <div class=\"re-step\">\r\n      <strong>Equivalent rotation:<\/strong> 90\u00b0 clockwise.\r\n      <br \/>\r\n      <span class=\"re-formula\">(x, y) \u2192 (y, \u2212x)<\/span>\r\n      <br \/>\r\n      Substitute x = 4 and y = \u22122:\r\n      <br \/>\r\n      <span class=\"re-formula\">(4, \u22122) \u2192 (\u22122, \u22124)<\/span>\r\n      <span class=\"re-result\">Final coordinate: A\u2034(\u22122, \u22124)<\/span>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"re-intro\">\r\n    <strong>Key takeaway:<\/strong> Each rotation uses a specific\r\n    coordinate rule. Always substitute the original coordinates\r\n    carefully and pay attention to negative signs.\r\n  <\/div>\r\n\r\n  <h2 class=\"re-section-title\">\r\n    Composite Transformations (Sequencing Rules)\r\n  <\/h2>\r\n\r\n  <div class=\"re-composition\">\r\n    <h3>What Is a Composition of Transformations?<\/h3>\r\n    A <strong>composition of transformations<\/strong> occurs when\r\n    two or more transformations are applied consecutively to the\r\n    same point or figure. The order of operations matters.\r\n    <br \/><br \/>\r\n    In mathematical notation, a composition is commonly written\r\n    using the symbol \u2218:\r\n    <br \/><br \/>\r\n    <span class=\"re-math\">(T \u2218 R)(x, y) = T(R(x, y))<\/span>\r\n    <br \/>\r\n    This means that transformation <strong>R<\/strong> is applied\r\n    first, followed by transformation <strong>T<\/strong>.\r\n  <\/div>\r\n\r\n  <div class=\"re-card\">\r\n    <h3 class=\"re-step-title\">How to Apply Composite Transformations<\/h3>\r\n    <ol class=\"re-list\">\r\n      <li>\r\n        <strong>Step 1:<\/strong> Apply transformation R to the\r\n        original coordinate (x, y).\r\n      <\/li>\r\n      <li>\r\n        <strong>Step 2:<\/strong> Record the resulting point,\r\n        such as (x\u2032, y\u2032).\r\n      <\/li>\r\n      <li>\r\n        <strong>Step 3:<\/strong> Apply transformation T to the\r\n        new coordinates.\r\n      <\/li>\r\n      <li>\r\n        <strong>Step 4:<\/strong> Simplify the result to obtain\r\n        the final coordinates.\r\n      <\/li>\r\n    <\/ol>\r\n  <\/div>\r\n\r\n  <div class=\"re-warning\">\r\n    <h3>Pro Tip: Avoid Common Transformation Errors<\/h3>\r\n    <p>\r\n      Transformations are generally <strong>not commutative<\/strong>.\r\n      Applying a translation before a reflection can produce a\r\n      different result from applying the reflection first.\r\n      For example, <strong>T \u2218 R<\/strong> usually does not equal\r\n      <strong>R \u2218 T<\/strong>. Always follow the specified order\r\n      and calculate each step using the output of the previous one.\r\n    <\/p>\r\n  <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-73bb260 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"73bb260\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-767cd0d\" data-id=\"767cd0d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ca35d14 elementor-widget elementor-widget-text-editor\" data-id=\"ca35d14\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-text-editor elementor-clearfix\">\n\t\t\t\t<p>Want to excite your child about math and sharpen their math skills? Moonpreneur\u2019s online math curriculum is unique because it helps children build math skills through hands-on lessons, supports real-world applications, and sparks excitement about learning math.<\/p><p>You can opt for our <a href=\"https:\/\/moonpreneur.com\/innovator-program\/advanced-math\/\">Advanced Math<\/a>\u00a0or Vedic Math+Mental Math courses. Our\u00a0<a href=\"https:\/\/mp.moonpreneur.com\/math-quiz-for-kids\/\">Math Quiz<\/a> for grades 3rd, 4th, 5th, and 6th helps in further exciting and engaging in mathematics with hands-on lessons.<\/p>\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_eae_slider elementor-section elementor-top-section elementor-element elementor-element-3fe945c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3fe945c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t\t<div class=\"has_eae_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3000aa5\" data-id=\"3000aa5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-16e7e30 elementor-widget elementor-widget-html\" data-id=\"16e7e30\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n<div class=\"transformation-faq\">\r\n  <style>\r\n    .transformation-faq {\r\n      max-width: 100%;\r\n      margin: 25px auto;\r\n      font-family: Arial, Helvetica, sans-serif;\r\n      color: #283348;\r\n      line-height: 1.75;\r\n    }\r\n\r\n    .transformation-faq * {\r\n      box-sizing: border-box;\r\n    }\r\n\r\n    .transformation-faq .faq-header {\r\n      background: linear-gradient(135deg, #42247a, #7543b5, #ad397f);\r\n      padding: 23px 18px;\r\n      text-align: center;\r\n      border-radius: 12px 12px 0 0;\r\n    }\r\n\r\n    .transformation-faq .faq-header h2 {\r\n      color: #ffffff;\r\n      font-size: clamp(22px, 4vw, 28px);\r\n      line-height: 1.4;\r\n      margin: 0;\r\n    }\r\n\r\n    .transformation-faq .faq-header p {\r\n      color: #f4eaff;\r\n      margin: 7px 0 0;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .transformation-faq .faq-item {\r\n      background: #ffffff;\r\n      border: 1px solid #e2d9f2;\r\n      border-radius: 10px;\r\n      margin: 16px 0;\r\n      overflow: hidden;\r\n      box-shadow: 0 4px 13px rgba(69, 42, 112, 0.07);\r\n    }\r\n\r\n    .transformation-faq .faq-question {\r\n      background: linear-gradient(90deg, #f1eaff, #faf6ff);\r\n      border-left: 5px solid #7543b5;\r\n      padding: 15px 17px;\r\n      margin: 0;\r\n      color: #4c2d83;\r\n      font-size: 17px;\r\n      font-weight: 700;\r\n      line-height: 1.5;\r\n    }\r\n\r\n    .transformation-faq .faq-answer {\r\n      padding: 17px;\r\n      font-size: 15px;\r\n    }\r\n\r\n    .transformation-faq .faq-answer p {\r\n      margin: 0 0 12px;\r\n    }\r\n\r\n    .transformation-faq .faq-answer p:last-child {\r\n      margin-bottom: 0;\r\n    }\r\n\r\n    .transformation-faq .faq-answer strong {\r\n      color: #49317e;\r\n    }\r\n\r\n    .transformation-faq .faq-formula {\r\n      display: inline-block;\r\n      background: #e7f5ec;\r\n      color: #17683b;\r\n      border: 1px solid #c7e8d1;\r\n      border-radius: 6px;\r\n      padding: 5px 9px;\r\n      margin: 5px 0;\r\n      font-family: \"Courier New\", monospace;\r\n      font-weight: 700;\r\n      overflow-wrap: anywhere;\r\n    }\r\n\r\n    .transformation-faq .faq-highlight {\r\n      background: #fff5d9;\r\n      border-left: 4px solid #e5aa20;\r\n      padding: 12px 14px;\r\n      border-radius: 5px;\r\n      margin-top: 12px;\r\n      color: #704c08;\r\n      font-size: 14px;\r\n    }\r\n\r\n    .transformation-faq .faq-summary {\r\n      background: linear-gradient(135deg, #e8f5ff, #edf9f1);\r\n      border: 1px solid #cce6d8;\r\n      border-radius: 10px;\r\n      padding: 17px;\r\n      margin-top: 20px;\r\n    }\r\n\r\n    .transformation-faq .faq-summary h3 {\r\n      color: #17654b;\r\n      font-size: 18px;\r\n      margin: 0 0 10px;\r\n    }\r\n\r\n    .transformation-faq .faq-summary ul {\r\n      padding-left: 22px;\r\n      margin: 0;\r\n    }\r\n\r\n    .transformation-faq .faq-summary li {\r\n      padding: 4px 0;\r\n    }\r\n\r\n    @media (max-width: 600px) {\r\n      .transformation-faq .faq-header {\r\n        padding: 19px 14px;\r\n      }\r\n\r\n      .transformation-faq .faq-question {\r\n        padding: 13px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      .transformation-faq .faq-answer {\r\n        padding: 14px;\r\n        font-size: 14px;\r\n      }\r\n\r\n      .transformation-faq .faq-summary {\r\n        padding: 14px;\r\n      }\r\n    }\r\n  <\/style>\r\n\r\n  <div class=\"faq-header\">\r\n    <h2>Frequently Asked Questions (FAQ)<\/h2>\r\n    <p>Understand the key rules and concepts of geometric transformations.<\/p>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <h3 class=\"faq-question\">\r\n      1. What Is the Difference Between Rigid and Non-Rigid Transformations?\r\n    <\/h3>\r\n    <div class=\"faq-answer\">\r\n      <p>\r\n        A <strong>rigid transformation<\/strong>, also known as an\r\n        isometry, preserves side lengths and angle measures. The\r\n        original figure (pre-image) and its transformed figure\r\n        (image) remain congruent. Examples include translations,\r\n        reflections, and rotations.\r\n      <\/p>\r\n      <p>\r\n        A <strong>non-rigid transformation<\/strong>, such as a\r\n        dilation with a scale factor whose absolute value is not 1,\r\n        changes the size of a figure while preserving angle measures\r\n        and proportional side lengths. The image is similar to the\r\n        original figure but is not congruent to it.\r\n      <\/p>\r\n      <div class=\"faq-highlight\">\r\n        <strong>Remember:<\/strong> Rigid transformations preserve\r\n        size and shape, while non-rigid dilations can change size\r\n        without changing the figure's shape.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <h3 class=\"faq-question\">\r\n      2. Why Is a 180\u00b0 Rotation Equivalent to Two Reflections Through the Origin?\r\n    <\/h3>\r\n    <div class=\"faq-answer\">\r\n      <p>\r\n        A 180\u00b0 rotation around the origin changes both coordinate\r\n        signs. Its coordinate rule is:\r\n      <\/p>\r\n      <span class=\"faq-formula\">(x, y) \u2192 (\u2212x, \u2212y)<\/span>\r\n      <p>\r\n        The same result can be obtained by reflecting the point\r\n        across the x-axis first and then across the y-axis.\r\n      <\/p>\r\n      <p>\r\n        <strong>First reflection \u2014 across the x-axis:<\/strong>\r\n        <br \/>\r\n        <span class=\"faq-formula\">(x, y) \u2192 (x, \u2212y)<\/span>\r\n      <\/p>\r\n      <p>\r\n        <strong>Second reflection \u2014 across the y-axis:<\/strong>\r\n        <br \/>\r\n        <span class=\"faq-formula\">(x, \u2212y) \u2192 (\u2212x, \u2212y)<\/span>\r\n      <\/p>\r\n      <div class=\"faq-highlight\">\r\n        <strong>Conclusion:<\/strong> Both processes produce the\r\n        same final coordinates. This is equivalent to reflecting\r\n        across the origin, which means a 180\u00b0 rotation about it.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-item\">\r\n    <h3 class=\"faq-question\">\r\n      3. Do Transformation Rules Change If the Center Is Not (0, 0)?\r\n    <\/h3>\r\n    <div class=\"faq-answer\">\r\n      <p>\r\n        Yes. When a rotation or dilation is performed around a\r\n        center <strong>(h, k)<\/strong> instead of the origin,\r\n        the coordinate rule must account for the new center.\r\n      <\/p>\r\n      <p>\r\n        Follow these three steps:\r\n      <\/p>\r\n      <p>\r\n        <strong>Step 1:<\/strong> Translate the original point so\r\n        that the center becomes the origin.\r\n        <br \/>\r\n        <span class=\"faq-formula\">(x, y) \u2192 (x \u2212 h, y \u2212 k)<\/span>\r\n      <\/p>\r\n      <p>\r\n        <strong>Step 2:<\/strong> Apply the appropriate rotation\r\n        or dilation rule to the translated coordinates.\r\n      <\/p>\r\n      <p>\r\n        <strong>Step 3:<\/strong> Translate the result back by\r\n        adding the center coordinates.\r\n        <br \/>\r\n        <span class=\"faq-formula\">(u, v) \u2192 (u + h, v + k)<\/span>\r\n      <\/p>\r\n      <div class=\"faq-highlight\">\r\n        <strong>Important:<\/strong> For a rotation or dilation\r\n        centered at (h, k), translate to the origin, apply the\r\n        transformation, and translate back. Reflections over\r\n        lines that do not pass through the origin also require\r\n        rules that account for the position of the line.\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <div class=\"faq-summary\">\r\n    <h3>Quick Recap: Transformation Rules<\/h3>\r\n    <ul>\r\n      <li><strong>Rigid transformations:<\/strong> Preserve lengths and angles.<\/li>\r\n      <li><strong>Non-rigid dilations:<\/strong> Can change size but preserve shape.<\/li>\r\n      <li><strong>180\u00b0 rotation:<\/strong> Equivalent to two reflections across the coordinate axes.<\/li>\r\n      <li><strong>Different centers:<\/strong> Adjust coordinates to account for the center of transformation.<\/li>\r\n    <\/ul>\r\n  <\/div>\r\n<\/div>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Rules for Transformations in Geometry The rules for transformations define precisely how geometric figures move, flip, turn, or resize on a coordinate plane without losing their essential structural identities. In Cartesian geometry, a transformation takes each vertex of an original shape, known as the pre-image, and maps its coordinate point (x, y) onto a corresponding [&hellip;]<\/p>\n","protected":false},"author":116,"featured_media":42940,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[979],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/42975"}],"collection":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/users\/116"}],"replies":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/comments?post=42975"}],"version-history":[{"count":5,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/42975\/revisions"}],"predecessor-version":[{"id":42981,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/posts\/42975\/revisions\/42981"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/media\/42940"}],"wp:attachment":[{"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/media?parent=42975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/categories?post=42975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mp.moonpreneur.com\/math-corner\/wp-json\/wp\/v2\/tags?post=42975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}