{"id":1626,"date":"2021-11-12T20:08:20","date_gmt":"2021-11-12T16:38:20","guid":{"rendered":"https:\/\/behnudi.ir\/?p=1626"},"modified":"2025-01-25T19:43:53","modified_gmt":"2025-01-25T16:13:53","slug":"web27-3d-transform","status":"publish","type":"post","link":"https:\/\/behnudi.ir\/?p=1626","title":{"rendered":"\u0637\u0631\u0627\u062d\u06cc \u0648\u0628: \u06f7- \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645 \u0633\u0647 \u0628\u0639\u062f\u06cc"},"content":{"rendered":"<p><!--more--><\/p>\n<h2>\u0641\u0636\u0627\u06cc \u0633\u0647\u200c\u0628\u0639\u062f\u06cc<\/h2>\n<p>\u0628\u0631\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u0627\u0644\u0645\u0646\u062a\u200c\u0647\u0627 \u062f\u0631 \u0641\u0636\u0627\u06cc \u0633\u0647 \u0628\u0639\u062f\u06cc \u0628\u0627\u06cc\u062f \u0627\u0632 \u0645\u062d\u0648\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0635\u0627\u062a \u0633\u0647 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0631\u062f. \u062c\u0647\u062a \u0627\u06cc\u0646 \u0645\u062d\u0648\u0631\u0647\u0627 \u0628\u0647 \u062f\u0648 \u0635\u0648\u0631\u062a \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u062f \u0628\u0627\u0634\u062f. \u06a9\u0647 \u0628\u0647 \u0622\u0646 \u0631\u0627\u0633\u062a\u200c\u06af\u0631\u062f \u0648 \u06cc\u0627 \u0686\u067e\u200c\u06af\u0631\u062f \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f.\u00a0 \u0627\u06af\u0631 \u0633\u0647 \u0627\u0646\u06af\u0634\u062a \u0634\u0633\u062a\u060c \u0646\u0634\u0627\u0646\u0647 \u0648 \u0645\u06cc\u0627\u0646\u06cc \u062f\u0633\u062a \u062e\u0648\u062f \u0631\u0627 \u0637\u0648\u0631\u06cc\u00a0 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0647\u0631 \u06cc\u06a9 \u0627\u0632 \u0622\u0646\u0647\u0627 \u0628\u0627 \u0632\u0627\u0648\u06cc\u0647 \u06f9\u06f0 \u062f\u0631\u062c\u0647 \u0646\u0633\u0628\u062a \u0628\u0647 \u062f\u06cc\u06af\u0631\u06cc \u0642\u0631\u0627\u0631 \u06af\u06cc\u0631\u062f. \u0627\u0646\u06af\u0634\u062a \u0634\u0633\u062a \u062c\u0647\u062a \u0645\u062d\u0648\u0631 x \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f. \u0648 \u0627\u0646\u06af\u0634\u062a \u0646\u0634\u0627\u0646\u0647 \u062c\u0647\u062a \u0645\u062d\u0648\u0631 y \u0631\u0627 \u0648 \u0627\u0646\u06af\u0634\u062a \u0645\u06cc\u0627\u0646\u06cc \u062c\u0647\u062a \u0645\u062d\u0648\u0631 z \u0631\u0627 \u0646\u0634\u0627\u0646 \u0645\u06cc\u200c\u062f\u0647\u062f.<\/p>\n<p><strong>X<\/strong>: \u0627\u0646\u06af\u0634\u062a \u0634\u0633\u062a<br \/>\n<strong>Y<\/strong>: \u0627\u0646\u06af\u0634\u062a \u0646\u0634\u0627\u0646\u0647<br \/>\n<strong>Z<\/strong>: \u0627\u0646\u06af\u0634\u062a \u0645\u06cc\u0627\u0646\u06cc<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1406\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/img\/axis_orientation.jpg\" \/><\/p>\n<p>\u0627\u06af\u0631 \u0627\u0632 \u062f\u0633\u062a \u0631\u0627\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u062c\u0647\u062a \u0645\u062d\u0648\u0631\u0647\u0627\u06cc \u0645\u062e\u062a\u0635\u0627\u062a \u0631\u0627\u0633\u062a\u200c\u06af\u0631\u062f \u0648 \u0627\u06af\u0631 \u0627\u0632 \u062f\u0633\u062a \u0686\u067e \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u0686\u067e\u200c\u06af\u0631\u062f \u062e\u0648\u0627\u0647\u062f \u0628\u0648\u062f.<\/p>\n<p><strong>\u0631\u0627\u0633\u062a\u200c\u06af\u0631\u062f<\/strong>: \u062f\u0633\u062a \u0631\u0627\u0633\u062a<br \/>\n<strong>\u0686\u067e\u200c\u06af\u0631\u062f<\/strong>: \u062f\u0633\u062a \u0686\u067e<\/p>\n<p>\u0628\u06cc\u0634\u062a\u0631 \u062c\u0627\u0647\u0627 \u0633\u06cc\u0633\u062a\u0645 \u0631\u0627\u0633\u062a\u200c\u06af\u0631\u062f \u0628\u0647 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u0631\u0648\u062f. \u0648\u0644\u06cc \u062f\u0631 \u06a9\u0627\u0645\u067e\u06cc\u0648\u062a\u0631 \u0633\u06cc\u0633\u062a\u0645 \u0645\u062e\u062a\u0635\u0627\u062a \u0686\u067e \u06af\u0631\u062f \u0627\u0633\u062a.<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter size-full wp-image-1407\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/img\/3d-coordinate.png\" \/><\/h2>\n<hr \/>\n<h2>\u0641\u0627\u0646\u06a9\u0634\u0646\u200c\u0647\u0627\u06cc \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645<\/h2>\n<p>\u0628\u0627 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc transform \u062f\u0631 \u0641\u0636\u0627\u06cc \u0633\u0647 \u0628\u0639\u062f\u06cc \u0646\u06cc\u0632 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0633\u0627\u06cc\u0632\u060c \u062c\u0627 \u0648 \u06cc\u0627 \u0634\u06a9\u0644 \u0627\u0644\u0645\u0646\u062a \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<\/p>\n<p>\u0641\u0631\u0645 \u06a9\u0644\u06cc \u0622\u0646 \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a:<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">transform: function( );<\/pre>\n<p>\u062f\u0631 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645 \u0641\u0627\u0646\u06a9\u0634\u0646\u200c\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0631\u062f.<\/p>\n<ul>\n<li dir=\"ltr\" style=\"text-align: left;\">rotate: \u0686\u0631\u062e\u0634<\/li>\n<li dir=\"ltr\" style=\"text-align: left;\">translate: \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc<\/li>\n<li dir=\"ltr\" style=\"text-align: left;\">scale: \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647<\/li>\n<li dir=\"ltr\" style=\"text-align: left;\">skew: \u06a9\u062c\u06cc<\/li>\n<li dir=\"ltr\" style=\"text-align: left;\">matrix: \u06a9\u0644\u06cc<\/li>\n<\/ul>\n<h3>rotate<\/h3>\n<p>\u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0627\u0646\u062f\u0646 \u0627\u0644\u0645\u0646\u062a \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 x \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 rotateX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<br \/>\n\u0632\u0627\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627 \u06cc\u06a9\u06cc \u0627\u0632 \u0648\u0627\u062d\u062f\u0647\u0627\u06cc \u0632\u06cc\u0631 \u0628\u0646\u0648\u06cc\u0633\u06cc\u062f.<\/p>\n<p dir=\"ltr\"><strong>deg<\/strong>: \u062f\u0631\u062c\u0647<br \/>\n<strong>rad<\/strong>: \u0631\u0627\u062f\u06cc\u0627\u0646<br \/>\n<strong>grad<\/strong>: \u06af\u0631\u0627\u062f\u06cc\u0627\u0646<br \/>\n<strong>turn<\/strong>: \u062a\u0639\u062f\u0627\u062f \u062f\u0648\u0631<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/01\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0627\u0646\u062f\u0646 \u0627\u0644\u0645\u0646\u062a \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 y \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 rotateY \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/02\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0627\u0646\u062f\u0646 \u0627\u0644\u0645\u0646\u062a \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 z \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 rotateZ \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0645\u0639\u0627\u062f\u0644 \u062f\u0633\u062a\u0648\u0631 rotate \u0627\u0633\u062a.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/03\/\" width=\"500\" height=\"500\"><\/iframe><\/p>\n<p>\u0628\u0631\u0627\u06cc \u0686\u0631\u062e\u0627\u0646\u062f\u0646 \u0627\u0644\u0645\u0646\u062a \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 \u062f\u0644\u062e\u0648\u0627\u0647 \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 rotate3d \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">transform: rotate3d(x, y, z, angle);<\/pre>\n<p>\u0645\u062d\u0648\u0631 \u0645\u0648\u0631\u062f \u0646\u0638\u0631\u060c \u062e\u0637\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0627\u0632 \u0645\u0628\u062f\u0623 \u0645\u062e\u062a\u0635\u0627\u062a \u0648 \u0646\u0642\u0637\u0647\u200c\u0627\u06cc \u0628\u0627 \u0645\u062e\u062a\u0635\u0627\u062a (x\u060c y\u060c z) \u0645\u06cc\u200c\u06af\u0630\u0631\u062f. \u0648 angle \u0632\u0627\u0648\u06cc\u0647 \u0686\u0631\u062e\u0634 \u0627\u0633\u062a.<\/p>\n<h3>translate<\/h3>\n<p>\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 x \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 tranlateX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u062f\u0631 \u0627\u06cc\u0646 \u062c\u0627 \u0627\u0632 \u0647\u0631 \u0648\u0627\u062d\u062f\u06cc \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/04\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 y \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 tranlateY \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/05\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 z \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 tranlateZ \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/06\/\" width=\"500\" height=\"500\"><\/iframe><\/p>\n<p>\u0628\u0631\u0627\u06cc \u062c\u0627\u0628\u062c\u0627\u06cc\u06cc \u0627\u0644\u0645\u0646\u062a \u0628\u0647 \u0646\u0642\u0637\u0647 \u062f\u0644\u062e\u0648\u0627\u0647 \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 translate3d \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">transform: translate3d(x, y, z);<\/pre>\n<h3>scale<\/h3>\n<p>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 x \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 scaleX \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. (\u0627\u06cc\u0646 \u0645\u0642\u062f\u0627\u0631 \u0646\u0633\u0628\u06cc \u0627\u0633\u062a \u0648 \u0648\u0627\u062d\u062f \u0646\u0645\u06cc\u200c\u062e\u0648\u0627\u0647\u062f.)<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/07\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 y \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 scaleY \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/08\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631 z \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 scaleZ \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f. \u0627\u06af\u0631 \u0627\u0644\u0645\u0646\u062a \u062f\u0631 \u0635\u0641\u062d\u0647 \u0628\u0627\u0634\u062f\u060c \u0627\u06cc\u0646 \u0641\u0627\u0646\u06a9\u0634\u0646 \u0647\u06cc\u0686 \u062a\u0623\u062b\u06cc\u0631\u06cc \u0646\u062f\u0627\u0631\u062f.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/09\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0648\u0644\u06cc \u0627\u06af\u0631 \u0627\u0644\u0645\u0646\u062a \u0628\u0627 \u0635\u0641\u062d\u0647 \u0645\u0627\u0646\u06cc\u062a\u0648\u0631 \u0632\u0627\u0648\u06cc\u0647 \u062f\u0627\u0634\u062a\u0647 \u0628\u0627\u0634\u062f \u062a\u063a\u06cc\u06cc\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<br \/>\n<iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/10\/\" width=\"500\" height=\"500\"><\/iframe><br \/>\n\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631 \u0627\u0646\u062f\u0627\u0632\u0647 \u0627\u0644\u0645\u0646\u062a \u0628\u0631 \u0631\u0648\u06cc \u0647\u0631 \u0633\u0647 \u0645\u062d\u0648\u0631 \u0627\u0632 \u0641\u0627\u0646\u06a9\u0634\u0646 scale3d \u0628\u0647 \u0634\u06a9\u0644 \u0632\u06cc\u0631 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<p dir=\"ltr\" style=\"text-align: center;\">transform: scale3d(x,y,z);<\/p>\n<h3>skew<\/h3>\n<p>\u067e\u0631\u0627\u067e\u0631\u062a\u06cc skew \u062a\u0646\u0647\u0627 \u0628\u0631 \u0631\u0648\u06cc \u0645\u062d\u0648\u0631\u0647\u0627\u06cc x \u0648 y \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u062f.<\/p>\n<h3>matrix<\/h3>\n<p>\u0628\u0631\u0627\u06cc \u0627\u06cc\u0646 \u06a9\u0647 \u0647\u0645\u0647 \u0645\u0648\u0627\u0631\u062f \u0628\u0627\u0644\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0641\u0627\u0646\u06a9\u0634\u0646 \u0628\u06af\u0646\u062c\u0627\u0646\u06cc\u062f \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0639\u0628\u0627\u0631\u062a matrix3d \u0631\u0627 \u0628\u0647 \u06a9\u0627\u0631 \u0628\u0631\u06cc\u062f.<\/p>\n<hr \/>\n<h3>\u067e\u0634\u062a \u0627\u0644\u0645\u0646\u062a<\/h3>\n<p>\u0627\u06cc\u0646 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0647\u0646\u06af\u0627\u0645 \u0686\u0631\u062e\u0634 \u0627\u0644\u0645\u0646\u062a\u060c \u0645\u062d\u062a\u0648\u0627\u06cc \u0622\u0646 \u0627\u0632 \u067e\u0634\u062a \u062f\u06cc\u062f\u0647 \u0634\u0648\u062f \u06cc\u0627 \u0646\u0647.<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">backface-visibility: visible(Default)|hidden;<\/pre>\n<hr \/>\n<h3>\u0645\u0628\u062f\u0623 \u0645\u062e\u062a\u0635\u0627\u062a<\/h3>\n<p>\u0628\u0647 \u0646\u0642\u0637\u0647 \u062a\u0642\u0627\u0637\u0639 \u0645\u062d\u0648\u0631\u0647\u0627\u060c \u0645\u0628\u062f\u0623 \u0645\u062e\u062a\u0635\u0627\u062a \u0645\u06cc\u200c\u06af\u0648\u06cc\u0646\u062f. \u0641\u0627\u0635\u0644\u0647\u200c\u0647\u0627\u060c \u0686\u0631\u062e\u0634 \u0648 \u06cc\u0627 \u067e\u06cc\u0686\u0634 \u0628\u0647 \u062f\u0648\u0631 \u0622\u0646 \u0635\u0648\u0631\u062a \u0645\u06cc\u200c\u06af\u06cc\u0631\u062f. \u062f\u0631 \u062a\u0631\u0646\u0633\u0641\u0648\u0631\u0645 \u0628\u0647 \u0635\u0648\u0631\u062a \u067e\u06cc\u0634 \u0641\u0631\u0636 \u0645\u0628\u062f\u0623 \u0645\u062e\u062a\u0635\u0627\u062a \u0647\u0631 \u0627\u0644\u0645\u0646\u062a \u062f\u0631 \u0645\u0631\u06a9\u0632 \u0622\u0646 \u062f\u0631 \u0646\u0638\u0631 \u06af\u0631\u0641\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u0648\u0644\u06cc \u0634\u0645\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0622\u0646 \u0631\u0627 \u062a\u063a\u06cc\u06cc\u0631 \u062f\u0647\u06cc\u062f.<br \/>\n\u0628\u0627 \u06a9\u0645\u06a9 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc transform-origin \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u062c\u0627\u06cc \u0645\u0628\u062f\u0623 \u0631\u0627 \u0628\u0631\u0627\u06cc \u0622\u0646 \u0627\u0644\u0645\u0646\u062a \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">transform-origin: x y z;<\/pre>\n<pre dir=\"ltr\"><strong>x<\/strong>: left | center | right | length (default: 50%)\r\n<strong>y<\/strong>: top | center | bottom | length (default: 50%)\r\n<strong>z<\/strong>: length (default: 0)\r\n<\/pre>\n<hr \/>\n<h2>\u067e\u0631\u0633\u067e\u06a9\u062a\u06cc\u0648<\/h2>\n<p>\u067e\u0631\u0633\u067e\u06a9\u062a\u06cc\u0648 perspective \u06cc\u0627 \u0698\u0631\u0641\u0627\u0646\u0645\u0627\u06cc\u06cc \u0628\u0647 \u0645\u0639\u0646\u0627\u06cc \u0646\u0645\u0627\u06cc\u0634 \u06cc\u06a9 \u0634\u06cc\u0621 \u0633\u0647 \u0628\u0639\u062f\u06cc \u0628\u0631 \u0631\u0648\u06cc \u0633\u0637\u062d \u062f\u0648 \u0628\u0639\u062f\u06cc \u0627\u0633\u062a\u060c \u0647\u0645\u0627\u0646 \u06af\u0648\u0646\u0647 \u06a9\u0647 \u0628\u0627 \u0686\u0634\u0645 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f. \u062c\u0627\u06cc \u0686\u0634\u0645 \u0628\u06cc\u0646\u0646\u062f\u0647 (\u062f\u06cc\u062f\u06af\u0627\u0647) \u062f\u0631 \u0634\u06a9\u0644 \u062a\u0635\u0648\u06cc\u0631\u06cc \u06a9\u0647 \u062f\u06cc\u062f\u0647 \u0645\u06cc\u200c\u0634\u0648\u062f \u0628\u0633\u06cc\u0627\u0631 \u0645\u0648\u062b\u0631 \u0627\u0633\u062a.<\/p>\n<p dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">Perspective: A point of view.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1423\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/img\/perspective.jpg\" \/><br \/>\n\u0628\u0627 \u062f\u0648 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc perspective \u0648 perspective-origin \u062f\u06cc\u062f\u06af\u0627\u0647 (\u062c\u0627\u06cc \u0686\u0634\u0645 \u0628\u06cc\u0646\u0646\u062f\u0647) \u0631\u0627 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0631\u062f. \u0627\u06cc\u0646 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc\u200c\u0647\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u067e\u0631\u0646\u062a \u062f\u0627\u062f\u0647 \u0634\u0648\u0646\u062f.<\/p>\n<h3>perspective<\/h3>\n<p>\u0628\u0627 \u06a9\u0645\u06a9 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc perspective \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f \u0641\u0627\u0635\u0644\u0647 \u062f\u06cc\u062f\u06af\u0627\u0647 \u0631\u0627 \u0627\u0632 \u0635\u0641\u062d\u0647 z=0 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f. (\u0645\u0642\u062f\u0627\u0631 z \u0646\u0642\u0637\u0647 \u062f\u06cc\u062f\u06af\u0627\u0647)<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-1427\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/img\/perspective.png\" alt=\"\" width=\"400\" \/><\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">perspective: z;<\/pre>\n<h3>perspective-origin<\/h3>\n<p>\u0628\u0627 \u06a9\u0645\u06a9 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc perspective-origin \u0645\u06cc\u200c\u062a\u0648\u0627\u0646\u06cc\u062f x \u0648 y \u062f\u06cc\u062f\u06af\u0627\u0647 \u0631\u0627 \u062a\u0639\u06cc\u06cc\u0646 \u06a9\u0646\u06cc\u062f.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-1428\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/img\/perspective-origin.png\" alt=\"\" width=\"400\" \/><\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">perspective-origin: x y;<\/pre>\n<pre dir=\"ltr\"><strong>x<\/strong>: left | center | right | length (default: 50%)\r\n<strong>y<\/strong>: top | center | bottom | length (default: 50%)\r\n<\/pre>\n<hr \/>\n<h3>\u062a\u062e\u062a \u06cc\u0627 \u0633\u0647 \u0628\u0639\u062f\u06cc<\/h3>\n<p>\u0627\u06cc\u0646 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc \u062a\u0639\u06cc\u06cc\u0646 \u0645\u06cc\u200c\u06a9\u0646\u062f \u06a9\u0647 \u0627\u0644\u0645\u0646\u062a \u062a\u062e\u062a \u0628\u0627\u0634\u062f \u06cc\u0627 \u0633\u0647 \u0628\u0639\u062f\u06cc. \u0627\u06cc\u0646 \u067e\u0631\u0627\u067e\u0631\u062a\u06cc \u0631\u0627 \u0628\u0627\u06cc\u062f \u0628\u0647 \u067e\u0631\u0646\u062a \u0628\u062f\u0647\u06cc\u062f.<\/p>\n<pre dir=\"ltr\" style=\"text-align: center; font-weight: bold;\">transform-style: flat(Default)|preserve-3d;<\/pre>\n<hr \/>\n<h3>\u0645\u062b\u0627\u0644<\/h3>\n<p>\u0686\u0631\u062e\u0634 \u062a\u0635\u0648\u06cc\u0631 \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 y:<\/p>\n<div class=\"code-header\">CSS<\/div>\n<pre><code class=\"css\">\r\n.parent {\r\n\tposition: relative;\r\n\ttransform-style: preserve-3d;\r\n\tperspective: 1000px;\r\n}\t\r\n.card {\r\n\tposition: absolute;\r\n\ttransition: all 1s;\r\n\tbackface-visibility: hidden;\r\n}\r\n.card .back {\r\n\ttransform: rotateY(180deg);\r\n}\r\n.parent:hover .card {\r\n\ttransform: rotateY(180deg);\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/21\/\" width=\"450\" height=\"450\"><\/iframe><\/p>\n<h3>\u0645\u062b\u0627\u0644<\/h3>\n<p>\u0686\u0631\u062e\u0634 \u062a\u0635\u0648\u06cc\u0631 \u062d\u0648\u0644 \u0645\u062d\u0648\u0631 y:<\/p>\n<div class=\"code-header\">CSS<\/div>\n<pre><code class=\"css\">\r\n.parent {\r\n\tposition: relative;\r\n\ttransform-style: preserve-3d;\r\n\tperspective: 1000px;\r\n}\t\r\n.item {\r\n\tposition: absolute;\r\n\ttransition: all 1s;\r\n\tbackface-visibility: hidden;\r\n\ttransform-origin: center right;\r\n}\r\nitem.back {\r\n\ttransform: rotateY(180deg);\r\n}\r\nparent:hover item {\r\n\ttransform: translateX(-100%) rotateY(180deg);\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/22\/\" width=\"450\" height=\"450\"><\/iframe><\/p>\n<h3>\u0645\u062b\u0627\u0644<\/h3>\n<p>Parallax<\/p>\n<div class=\"code-header\">CSS<\/div>\n<pre><code class=\"css\">\r\n.parent {\r\n\theight: 100vh;\r\n\toverflow-x: hidden;\r\n\toverflow-y: scroll;\r\n\tperspective: 1px;\r\n}\t\r\nitem.back {\r\n\tposition: relative;\r\n\tz-index: -1;\r\n\ttransform-origin: top;\r\n\ttransform: translateZ(-1px) translateY(-50vh) scale(2);\r\n}\r\n\r\n<\/code><\/pre>\n<p><iframe loading=\"lazy\" src=\"https:\/\/behnudi.ir\/f\/web2\/07\/23\/\" width=\"640\" height=\"360\"><\/iframe><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":1613,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[44],"class_list":["post-1626","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-computer-science","tag-web-design"],"_links":{"self":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/1626","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1626"}],"version-history":[{"count":0,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/posts\/1626\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=\/wp\/v2\/media\/1613"}],"wp:attachment":[{"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1626"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1626"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/behnudi.ir\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1626"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}