{"id":6228,"date":"2015-02-09T10:51:20","date_gmt":"2015-02-09T15:51:20","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6228"},"modified":"2015-11-03T10:57:17","modified_gmt":"2015-11-03T15:57:17","slug":"%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-2d-%e0%a6%9f%e0%a7%8d%e0%a6%b0%e0%a6%be%e0%a6%a8%e0%a7%8d%e0%a6%b8%e0%a6%ab%e0%a6%b0%e0%a6%ae-css3-2d-transforms","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6228","title":{"rendered":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 2D \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae (CSS3 2D Transforms)"},"content":{"rendered":"<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u0986\u09ae\u09b0\u09be \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b8\u09b0\u09be\u09a4\u09c7 , \u099f\u09be\u09b0\u09cd\u09a8 \u0995\u09b0\u09a4\u09c7, \u098f\u09ac\u0982 \u0998\u09c1\u09b0\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf \u0964<\/p>\n<p>\u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09c7\u09b8\u09be\u09a8 \u09b9\u09b2 \u098f\u0995\u099f\u09bf \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09af\u09c7\u099f\u09be \u09b6\u09c7\u09aa , \u09b8\u09be\u0987\u099c, \u098f\u09ac\u0982 \u099c\u09be\u0987\u0997\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09a4\u09c7 \u09ac\u09be\u09ac\u09b9\u09be\u09b0\u09bf\u09a4 \u09b9\u09df \u0964<\/p>\n<p>\u09a4\u09c1\u09ae\u09bf \u09a4\u09cb\u09ae\u09be\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f \u09e8\u09a1\u09bf \u0985\u09a5\u09ac\u09be \u09e9 \u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09c7\u09b8\u09be\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0 \u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u09e8\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09b8<\/h2>\n<p>\u098f\u0987 \u09aa\u09be\u09b0\u09cd\u099f \u098f \u0986\u09ae\u09b0\u09be \u09e8\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae \u09ae\u09c7\u09a5\u09a1 \u09a8\u09bf\u09df\u09c7 \u0986\u09b2\u09cb\u099a\u09a8\u09be \u0995\u09b0\u09ac \u0964<\/p>\n<p>\u098f\u0987 \u0985\u0982\u09b6 \u0997\u09c1\u09b2\u09be\u09b0 \u09ad\u09c7\u09a4\u09b0\u09c7 \u0986\u099b\u09c7<\/p>\n<ul>\n<li>translate()<\/li>\n<li>rotate()<\/li>\n<li>scale()<\/li>\n<li>skew()<\/li>\n<li>matrix()<\/li>\n<\/ul>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 -ms-transform: translate(50px,100px); \/* IE 9 *\/\r\n\u00a0\u00a0\u00a0 -webkit-transform: translate(50px,100px); \/* Safari *\/\r\n\u00a0\u00a0\u00a0 transform: translate(50px,100px);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09b0\u09cd\u099f<\/h2>\n<p>\u099f\u09c7\u09ac\u09bf\u09b2\u09c7 \u0989\u09b2\u09cd\u09b2\u09c7\u0996\u09bf\u09a4 \u09b8\u0982\u0996\u09cd\u09af\u09be \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u098f\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be \u09ac\u09cb\u099d\u09be\u09df\u0964<\/p>\n<p>-ms-, -webkit-, -moz-, \u09ac\u09be -o- \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09aa\u09cd\u09b0\u09a5\u09ae \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09ac\u09c1\u099d\u09be\u09df \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"22%\"><strong>Property<\/strong><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_chrome.gif?resize=31%2C30\" alt=\"chrome\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_edge.gif?resize=28%2C30\" alt=\"edge\" width=\"28\" height=\"30\" \/><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_ie.gif?resize=31%2C30\" alt=\"ie\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_firefox.gif?resize=31%2C30\" alt=\"firefox\" width=\"31\" height=\"30\" \/><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_safari.gif?resize=28%2C30\" alt=\"safari\" width=\"28\" height=\"30\" \/><\/td>\n<td width=\"13%\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_opera.gif?resize=28%2C30\" alt=\"opera\" width=\"28\" height=\"30\" \/><\/td>\n<\/tr>\n<tr>\n<td>transform<\/td>\n<td>\n<p style=\"text-align: center;\">36.0<br \/>\n4.0\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">10.0<br \/>\n9.0\u00a0-ms-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.5\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.2\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">23.0<br \/>\n15.0\u00a0-webkit-<br \/>\n12.1<br \/>\n10.5\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>transform-origin<br \/>\n(two-value syntax)<\/td>\n<td>\n<p style=\"text-align: center;\">36.0<br \/>\n4.0\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.0<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">10.0<br \/>\n9.0\u00a0-ms-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.5\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">3.2\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">23.0<br \/>\n15.0\u00a0-webkit-<br \/>\n12.1<br \/>\n10.5\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h2>translate() \u09ae\u09c7\u09a5\u09a1 \u098f\u09b0 \u0995\u09be\u099c<\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/css\/transform_translate.gif?resize=124%2C109\" alt=\"\" width=\"124\" height=\"109\" \/><\/p>\n<p>\u098f\u0987 translate() \u09ae\u09c7\u09a5\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u0995\u09c7 \u09a4\u09be\u09b0 \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09b8\u09cd\u09a5\u09be\u09a8 \u09a5\u09c7\u0995\u09c7 \u09b8\u09b0\u09be\u09a8\u09cb \u09af\u09be\u09df, \u09af\u09be \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09c7 \u098f\u0995\u09cd\u09b8 \u0985\u0995\u09cd\u09b7 \u098f\u09ac\u0982 \u0985\u09df\u09be\u0987 \u0985\u0995\u09cd\u09b7 \u098f\u09b0 \u0995\u09a8\u09cd\u09a1\u09bf\u09b6\u09be\u09a8 \u098f\u09b0 \u0989\u09aa\u09b0<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 -ms-transform: translate(50px,100px); \/* IE 9 *\/\r\n\u00a0\u00a0\u00a0 -webkit-transform: translate(50px,100px); \/* Safari *\/\r\n\u00a0\u00a0\u00a0 transform: translate(50px,100px);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>rotate() \u09ae\u09c7\u09a5\u09a1 \u098f\u09b0 \u0995\u09be\u099c<\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/css\/transform_rotate.gif?resize=131%2C120\" alt=\"rotate\" width=\"131\" height=\"120\" \/><\/p>\n<p>\u098f\u0987 rotate() \u09ae\u09c7\u09a5\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u0998\u09dc\u09bf\u09b0 \u09a6\u09bf\u0995 \u0985\u09a5\u09ac\u09be \u0998\u09dc\u09bf\u09b0 \u09ac\u09bf\u09aa\u09b0\u09c0\u09a4 \u09a6\u09bf\u0995 \u098f \u0998\u09c1\u09b0\u09be\u09a8\u09cb \u09af\u09be\u09df\u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 -ms-transform: rotate(20deg); \/* IE 9 *\/\r\n\u00a0\u00a0\u00a0 -webkit-transform: rotate(20deg); \/* Safari *\/\r\n\u00a0\u00a0\u00a0 transform: rotate(20deg);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>scale() \u09ae\u09c7\u09a5\u09a1 \u098f\u09b0 \u0995\u09be\u099c<\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/css\/transform_scale.gif?resize=126%2C126\" alt=\"scale\" width=\"126\" height=\"126\" \/><\/p>\n<p>\u098f\u0987 scale() \u09ae\u09c7\u09a5\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u09b8\u09be\u0987\u099c \u099b\u09cb\u099f \u0985\u09a5\u09ac\u09be \u09ac\u09dc \u0995\u09b0\u09be \u09af\u09be\u09df, \u09af\u09be \u09a8\u09bf\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09c7 \u098f\u0995\u09cd\u09b8 \u0985\u0995\u09cd\u09b7 \u098f\u09ac\u0982 \u0985\u09df\u09be\u0987 \u0985\u0995\u09cd\u09b7 \u098f\u09b0 \u09aa\u09be\u09b0\u09be\u09ae\u09bf\u099f\u09be\u09b0 \u098f\u09b0 \u0989\u09aa\u09b0<\/p>\n<p><strong> \u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 -ms-transform: scale(2,3); \/* IE 9 *\/\r\n\u00a0\u00a0\u00a0 -webkit-transform: scale(2,3); \/* Safari *\/\r\n\u00a0\u00a0\u00a0 transform: scale(2,3);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>skew() \u09ae\u09c7\u09a5\u09a1 \u098f\u09b0 \u0995\u09be\u099c<\/h2>\n<p>\u098f\u0987 skew() \u09ae\u09c7\u09a5\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u098f\u0995\u09cd\u09b8 \u0985\u0995\u09cd\u09b7 \u098f\u09ac\u0982 \u0985\u09df\u09be\u0987 \u0985\u0995\u09cd\u09b7 \u098f\u09b0 \u09aa\u09be\u09b0\u09be\u09ae\u09bf\u099f\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09c7 \u098f\u09b0 \u0995\u09cb\u09a8\u09be\u0995\u09c1\u09a8\u09bf \u0986\u0995\u09be\u09b0 \u0996\u09c1\u09ac \u09b8\u09b9\u099c\u09c7\u0987 \u09a6\u09c7\u09df\u09be \u09af\u09be\u09df\u0964<\/p>\n<p><strong> \u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n       -ms-transform: skew(40deg,25deg); \/* IE 9 *\/\r\n       -webkit-transform: skew(40deg,25deg); \/* Chrome, Safari, Opera *\/\r\n       transform: skew(40deg,25deg);\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>matrix() \u09ae\u09c7\u09a5\u09a1 \u098f\u09b0 \u0995\u09be\u099c<\/h2>\n<p><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" class=\"alignnone\" src=\"https:\/\/i0.wp.com\/www.w3schools.com\/css\/transform_rotate.gif?resize=131%2C120\" alt=\"rotate\" width=\"131\" height=\"120\" \/><\/p>\n<p>\u098f\u0987 matrix() \u09ae\u09c7\u09a5\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09b8\u0995\u09b2 \u09e8\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae \u09ae\u09c7\u09a5\u09a1 \u0995\u09c7 \u098f\u0995\u099f\u09bf\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09a8\u09bf\u09df\u09c7 \u0986\u09b8\u09be \u09af\u09be\u09df\u0964<\/p>\n<p>\u098f\u0987 matrix() \u09ae\u09c7\u09a5\u09a1 \u099b\u09df \u099f\u09be \u09aa\u09cd\u09af\u09be\u09b0\u09be\u09ae\u09bf\u099f\u09be\u09b0 , \u0997\u09be\u09a8\u09bf\u09a4\u09bf\u0995 \u09ab\u09be\u0982\u09b6\u09be\u09a8 \u09a8\u09c7\u09df, \u09af\u09be \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af \u0995\u09b0\u09c7 \u0998\u09c1\u09b0\u09be\u09a4\u09c7, \u09a8\u09dc\u09be\u099a\u09dc\u09be \u0995\u09b0\u09a4\u09c7, \u098f\u09ac\u0982 \u09ae\u09be\u09aa\u09a4\u09c7 \u0964<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a3<\/strong><\/p>\n<hr \/>\n<pre>div {\r\n\u00a0\u00a0\u00a0 -ms-transform: matrix(1, -0.3, 0, 1, 0, 0); \/* IE 9 *\/\r\n\u00a0\u00a0\u00a0 -webkit-transform: matrix(1, -0.3, 0, 1, 0, 0); \/* Safari *\/\r\n\u00a0\u00a0\u00a0 transform: matrix(1, -0.3, 0, 1, 0, 0);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u0986\u09ae\u09b0\u09be \u09af\u09c7 \u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b8\u09b0\u09be\u09a4\u09c7 , \u099f\u09be\u09b0\u09cd\u09a8 \u0995\u09b0\u09a4\u09c7, \u098f\u09ac\u0982 \u0998\u09c1\u09b0\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09bf \u0964 \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09c7\u09b8\u09be\u09a8 \u09b9\u09b2 \u098f\u0995\u099f\u09bf \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09af\u09c7\u099f\u09be \u09b6\u09c7\u09aa , \u09b8\u09be\u0987\u099c, \u098f\u09ac\u0982 \u099c\u09be\u0987\u0997\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09a4\u09c7 \u09ac\u09be\u09ac\u09b9\u09be\u09b0\u09bf\u09a4 \u09b9\u09df \u0964 \u09a4\u09c1\u09ae\u09bf \u09a4\u09cb\u09ae\u09be\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f \u09e8\u09a1\u09bf \u0985\u09a5\u09ac\u09be \u09e9 \u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09c7\u09b8\u09be\u09a8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0 \u0964 &nbsp; \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u09e8\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09ae\u09b8 \u098f\u0987 \u09aa\u09be\u09b0\u09cd\u099f \u098f \u0986\u09ae\u09b0\u09be \u09e8\u09a1\u09bf &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6228\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":11197,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[1652,492,1612,1654,1653,341,1611],"class_list":["post-6228","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-----css-tutorial","tag-2d","tag-css","tag-css3","tag-transform","tag-1653","tag-341","tag-1611","item-wrap"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/bangla.sitestree.com\/wp-content\/uploads\/2015\/02\/transform.gif?fit=131%2C120","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":11129,"url":"http:\/\/bangla.sitestree.com\/?p=11129","url_meta":{"origin":6228,"position":0},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u0997\u09cb\u09b2\u09be\u0995\u09c3\u09a4\u09bf\u09b0 \u0995\u09b0\u09cd\u09a3\u09be\u09b0 (CSS3 Rounded Corners in Bangla)","author":"Rafiqul Islam","date":"October 24, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 border-radius \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u0986\u09aa\u09a8\u09bf \u09af\u09c7\u0995\u09cb\u09a8 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09a8\u09cd\u099f \u098f\u09b0 \u201c\u0997\u09cb\u09b2\u09be\u0995\u09c3\u09a4\u09bf\u09b0 \u0995\u09cb\u09b0\u09cd\u09a3\u09be\u09b0 \u09ac\u09be \u09aa\u09be\u09b0\u09cd\u09b6\u09cd\u09ac\u201d \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u099f\u09c7\u09ac\u09bf\u09b2\u09c7 \u0989\u09b2\u09cd\u09b2\u09c7\u0996\u09bf\u09a4 \u09b8\u0982\u0996\u09cd\u09af\u09be \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u098f\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be \u09ac\u09cb\u099d\u09be\u09df\u0964 -webkit- \u09ac\u09be -moz- \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09aa\u09cd\u09b0\u09a5\u09ae \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09ac\u09c1\u099d\u09be\u09df \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 Property \u00a0 \u00a0 \u00a0 border-radius\u2026","rel":"","context":"In &quot;CSS3&quot;","block_context":{"text":"CSS3","link":"http:\/\/bangla.sitestree.com\/?cat=85"},"img":{"alt_text":"Internet Explorer","src":"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_ie.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":11146,"url":"http:\/\/bangla.sitestree.com\/?p=11146","url_meta":{"origin":6228,"position":1},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u0987\u09ae\u09c7\u099c (CSS3 Border Images in Bangla)","author":"Rafiqul Islam","date":"October 25, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 border-image \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 border-image \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09a6\u09bf\u09df\u09c7 \u098f\u0995\u099f\u09bf \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0 \u099a\u09be\u09b0\u09a6\u09bf\u0995\u09c7 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09b8\u09c7\u099f \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8\u0964 \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u099f\u09c7\u09ac\u09bf\u09b2\u09c7 \u0989\u09b2\u09cd\u09b2\u09c7\u0996\u09bf\u09a4 \u09b8\u0982\u0996\u09cd\u09af\u09be \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u098f\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be \u09ac\u09cb\u099d\u09be\u09df\u0964 -webkit- \u09ac\u09be -moz- \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09aa\u09cd\u09b0\u09a5\u09ae \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u09ac\u09c1\u099d\u09be\u09df \u09af\u09be \u098f\u0987 \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09aa\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 Property \u00a0 \u00a0 \u00a0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"Internet Explorer","src":"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_ie.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6230,"url":"http:\/\/bangla.sitestree.com\/?p=6230","url_meta":{"origin":6228,"position":2},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 3D \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae\u09b8 (CSS3 3D Transforms in Bangla)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf'\u09a4\u09c7 \u09a5\u09cd\u09b0\u09bf\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u09aa\u09c7\u099c\u09c7\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09ab\u09b0\u09cd\u09ae\u09c7\u099f \u098f\u09ac\u0982 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09ae\u09b0\u09be \u0995\u09bf\u099b\u09c1 \u09a5\u09cd\u09b0\u09bf\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u098f\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09ac\u09cb\u0983 rotateX() rotateY() rotateZ() \u00a0 \u098f\u0995\u099f\u09bf \u099f\u09c1\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u098f\u09ac\u0982 \u098f\u0995\u099f\u09bf \u09a5\u09cd\u09b0\u09bf\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09aa\u09be\u09b0\u09cd\u09a5\u0995\u09cd\u09af \u09a6\u09c7\u0996\u09a4\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u099f\u09bf\u09b0 \u0989\u09aa\u09b0 \u0995\u09cd\u09b2\u09bf\u0995 \u0995\u09b0\u09c1\u09a8\u0983 \u00a0 \u09a5\u09cd\u09b0\u09bf\u09a1\u09bf \u099f\u09cd\u09b0\u09be\u09a8\u09cd\u09b8\u09ab\u09b0\u09cd\u09ae \u098f\u09b0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u099f\u09c7\u09ac\u09b2\u09c7\u09b0 \u09a8\u09ae\u09cd\u09ac\u09b0\u0997\u09c1\u09b2\u09cb\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"chrome","src":"https:\/\/i0.wp.com\/www.w3schools.com\/images\/compatible_chrome.gif?resize=350%2C200","width":350,"height":200},"classes":[]},{"id":6182,"url":"http:\/\/bangla.sitestree.com\/?p=6182","url_meta":{"origin":6228,"position":3},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09a1\u09be\u09df\u09ae\u09c7\u09a8\u09b6\u09a8 (CSS Dimension)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS dimension \u09b9\u099a\u09cd\u099b\u09c7 \u098f\u09ae\u09a8 \u098f\u0995\u099f\u09bf properties \u09af\u09be element \u098f\u09b0 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3 \u0995\u09b0\u09c7\u0964 height \u098f\u09ac\u0982 width \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09be \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u098f\u09b0\u00a0\u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09a4\u09c7 height \u098f\u09ac\u0982 width \u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 height \u098f\u09ac\u0982 width \u09b8\u09df\u0982\u0995\u09cd\u09b0\u09bf\u09df \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7 (\u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09b9\u09bf\u09b8\u09c7\u09ac\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u0989\u099a\u09cd\u099a\u09a4\u09be \u098f\u09ac\u0982 \u09aa\u09cd\u09b0\u09b8\u09b8\u09cd\u09a5\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a7\u09be\u09b0\u09a3 \u0995\u09b0\u09c7) \u09ac\u09be px, cm \u0987\u09a4\u09cd\u09af\u09be\u09a6\u09bf\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6180,"url":"http:\/\/bangla.sitestree.com\/?p=6180","url_meta":{"origin":6228,"position":4},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 (CSS Padding)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"CSS Padding \u09b9\u099a\u09cd\u099b\u09c7 element border \u098f\u09ac\u0982 element content \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09ab\u09be\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8\u0964 \u09aa\u09cd\u09af\u09be\u09a1\u09bf\u0982 Padding \u09b9\u099a\u09cd\u099b\u09c7 content (border \u098f\u09b0 \u09ad\u09bf\u09a4\u09b0\u09c7 \u09a5\u09be\u0995\u09c7) \u098f\u09b0 \u099a\u09be\u09b0\u09aa\u09be\u09b6\u09c7 \u098f\u0995\u099f\u09bf \u09ab\u09be\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8\u0964 Padding \u0995\u09be\u09b0\u09cd\u09af\u0995\u09b0 \u09b9\u09df element \u098f\u09b0 background color \u09a6\u09bf\u09df\u09c7\u0964 top, right, bottom \u098f\u09ac\u0982 left padding \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df \u0986\u09b2\u09be\u09a6\u09be properties \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0964 \u098f\u0995\u099f\u09bf shorthand padding\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]},{"id":6218,"url":"http:\/\/bangla.sitestree.com\/?p=6218","url_meta":{"origin":6228,"position":5},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 (CSS3 Borders)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u098f\u09b0 \u09b8\u09be\u09b9\u09be\u09af\u09cd\u09af\u09c7 \u09a4\u09c1\u09ae\u09bf \u0997\u09cb\u09b2\u0986\u0995\u09c3\u09a4\u09bf\u09b0 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09be, \u098f\u09ac\u0982 \u09ac\u0995\u09cd\u09b8 \u098f \u099b\u09be\u09df\u09be \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09be, \u098f\u09ac\u0982 \u09af\u09c7\u0995\u09cb\u09a8 \u0987\u09ae\u09c7\u099c \u0995\u09c7 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09be \u09ab\u099f\u09cb\u09b6\u09aa \u0985\u09a5\u09ac\u09be \u0985\u09a8\u09cd\u09af \u09af\u09c7 \u0995\u09cb\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0 \u09a1\u09bf\u099c\u09be\u0987\u09a8 \u09aa\u09cd\u09b0\u09cb\u0997\u09cd\u09b0\u09be\u09ae \u099b\u09be\u09dc\u09be\u0987\u0964 \u098f\u0987 \u0985\u0982\u09b6\u09c7 \u0986\u09ae\u09b0\u09be \u09b6\u09bf\u0996\u09ac \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 \u098f\u09b0 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099c \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u09ac\u09bf\u09b7\u09df \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7\u0983 \u09ac\u09b0\u09cd\u09a1\u09be\u09b0 - \u09b0\u09c7\u09a1\u09bf\u09df\u09be\u09b8 \u09ac\u0995\u09cd\u09b8 - \u099b\u09be\u09df\u09be \u09ac\u09b0\u09cd\u09a1\u09be\u09b0\u2026","rel":"","context":"In &quot;\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)&quot;","block_context":{"text":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u099f\u09bf\u0989\u099f\u09cb\u09b0\u09bf\u09df\u09be\u09b2 (css tutorial)","link":"http:\/\/bangla.sitestree.com\/?cat=174"},"img":{"alt_text":"","src":"","width":0,"height":0},"classes":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6228","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6228"}],"version-history":[{"count":6,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6228\/revisions"}],"predecessor-version":[{"id":11200,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6228\/revisions\/11200"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/media\/11197"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6228"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6228"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6228"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}