{"id":6222,"date":"2015-02-09T09:54:08","date_gmt":"2015-02-09T14:54:08","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6222"},"modified":"2015-11-03T09:19:09","modified_gmt":"2015-11-03T14:19:09","slug":"%e0%a6%b8%e0%a6%bf-%e0%a6%8f%e0%a6%b8-%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%97%e0%a7%8d%e0%a6%b0%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a1%e0%a6%bf%e0%a7%9f%e0%a7%87%e0%a6%a8%e0%a7%8d%e0%a6%9f%e0%a6%b8-css3","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6222","title":{"rendered":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09e9 \u0997\u09cd\u09b0\u09cd\u09af\u09be\u09a1\u09bf\u09df\u09c7\u09a8\u09cd\u099f\u09b8 (CSS3 Gradients)"},"content":{"rendered":"<h3 style=\"height: 200px; background: -webkit-linear-gradient(red, blue); \/* for safari 5.1 to 6.0 *\/ background: -o-linear-gradient(red, blue); \/* for opera 11.1 to 12.0 *\/ background: -moz-linear-gradient(red, blue); \/* for firefox 3.6 to 15 *\/ background: linear-gradient(red, blue);\"><\/h3>\n<p>CSS3 gradients \u09a6\u09c1\u099f\u09bf color \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u0982\u09af\u09cb\u0997 \u09b8\u09cd\u09a5\u09b2 \u0995\u09c7 \u09ae\u09b8\u09c3\u09a3 \u0995\u09b0\u09c7\u0964<\/p>\n<p>\u098f\u0987 \u0995\u09be\u099c \u099f\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u098f\u0995\u099f\u09bf image \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964 \u09a4\u09ac\u09c7 CSS3 gradient \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf download<br \/>\n\u098f\u09ac\u0982 bandwidth usage \u0995\u09ae\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u098f\u0995\u0987\u09b8\u09be\u09a5\u09c7 gradient \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0995\u09b0\u09be element \u0997\u09c1\u09b2\u09bf \u09ad\u09be\u09b2 \u09a6\u09c7\u0996\u09be\u09df \u09af\u0996\u09a8 zoom<br \/>\n\u0995\u09b0\u09be \u09b9\u09df, \u0995\u09c7\u09a8\u09a8\u09be gradient \u09b8\u09ac\u09b8\u09ae\u09df browser \u098f \u09b8\u09c3\u09b7\u09cd\u099f\u09bf \u09b9\u09df\u0964<\/p>\n<p>CSS3 \u09a4\u09c7 \u09e8 \u09a7\u09b0\u09a8\u09c7\u09b0 gradient \u09a6\u09c7\u0996\u09be \u09af\u09be\u09df-<\/p>\n<ul>\n<li>Linear (\u09b0\u09c8\u0996\u09bf\u0995 ) Gradients (goes down\/up\/left\/right\/diagonally)<\/li>\n<li>Radial (\u09ac\u09c3\u09a4\u09cd\u09a4\u09c0\u09df) Gradients (defined by their center)<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09b0\u09cd\u099f<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u09a6\u09c7\u09df\u09be browser version \u0997\u09c1\u09b2\u09bf \u09aa\u09cd\u09b0\u09be\u09a5\u09ae\u09bf\u0995 version \u09af\u09be \u098f\u0987 property \u0995\u09c7 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b8\u09ae\u09b0\u09cd\u09a5\u09a8 \u0995\u09b0\u09c7\u0964<\/p>\n<p>\u09b8\u0982\u0996\u09cd\u09af\u09be -webkit-, -moz-, or -o- \u09a6\u09cd\u09ac\u09be\u09b0\u09be browser version \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7-<\/p>\n<table>\n<tbody>\n<tr>\n<td width=\"22%\"><strong>\u09aa\u09cd\u09b0\u09cb\u09aa\u09be\u09b0\u09cd\u099f\u09bf<br \/>\n<\/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=\"compatible 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=\"Internet Explorer\" 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>linear-gradient<\/td>\n<td>\n<p style=\"text-align: center;\">26.0<br \/>\n10.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.6\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">6.1<br \/>\n5.1\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.1<br \/>\n11.1\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>radial-gradient<\/td>\n<td>\n<p style=\"text-align: center;\">26.0<br \/>\n10.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.6\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">6.1<br \/>\n5.1\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.1<br \/>\n11.6\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>repeating-linear-gradient<\/td>\n<td>\n<p style=\"text-align: center;\">26.0<br \/>\n10.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.6\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">6.1<br \/>\n5.1\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.1<br \/>\n11.1\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>repeating-radial-gradient<\/td>\n<td>\n<p style=\"text-align: center;\">26.0<br \/>\n10.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n3.6\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">6.1<br \/>\n5.1\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">12.1<br \/>\n11.6\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2>CSS3 Linear (\u09b0\u09c8\u0996\u09bf\u0995) Gradients<\/h2>\n<p>\u098f\u0995\u099f\u09bf linear gradient \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09ae\u09aa\u0995\u09cd\u09b7\u09c7 \u09a6\u09c1\u099f\u09bf &#8220;color stop&#8221; \u09a6\u09b0\u0995\u09be\u09b0 \u09b9\u09ac\u09c7\u0964 color stop \u09b9\u099a\u09cd\u099b\u09c7 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u09a5\u09be\u09a8 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u09a6\u09c1\u099f\u09bf<br \/>\ncolor \u098f\u09b0 \u09ae\u09bf\u09b2\u09a8 \u0998\u099f\u09c7\u0964 \u0986\u09aa\u09a8\u09bf \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 \u098f\u0995\u099f\u09bf gradient effect \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u0986\u09a6\u09cd\u09af\u09b8\u09cd\u09a5\u09b2 \u098f\u09ac\u0982 \u098f\u0995\u099f\u09bf \u09a6\u09bf\u0995(\u0985\u09a5\u09ac\u09be \u0995\u09cb\u09a3) \u09a0\u09bf\u0995 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7<br \/>\n\u09aa\u09be\u09b0\u09c7\u09a8\u0964<\/p>\n<p><strong>\u0995\u09cb\u09a1 \u0997\u09c1\u09b2\u09bf \u09b2\u09bf\u0996\u09be\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf-<\/strong><\/p>\n<hr \/>\n<pre>background: linear-gradient(direction, color-stop1, color-stop2, ...);<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>Linear Gradient &#8211; Top to Bottom (\u09b0\u09c8\u0996\u09bf\u0995 Gradient &#8211; \u0989\u09aa\u09b0 \u09a5\u09c7\u0995\u09c7 \u09a8\u09bf\u099a \u0986\u09ac\u09a7\u09bf)<\/strong><\/p>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u099f\u09bf Linear Gradient \u098f\u09b0 \u098f\u0995\u099f\u09bf \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u09af\u09c7\u099f\u09bf \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df\u09c7\u099b\u09c7 top \u09a5\u09c7\u0995\u09c7 \u098f\u09ac\u0982 \u098f\u0996\u09be\u09a8\u09c7 red \u098f\u09ac\u0982 blue \u098f\u09b0 transition \u09a6\u09c7\u0996\u09be\u09a8\u09cb<br \/>\n\u09b9\u09df\u09c7\u099b\u09c7\u0964<br \/>\n\u0989\u09a6\u09be\u09b9\u09b0\u09a3\u099f\u09bf\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-linear-gradient(red, blue); \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-linear-gradient(red, blue); \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -moz-linear-gradient(red, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: linear-gradient(red, blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>Linear Gradient &#8211; Left to Right(\u09ac\u09be \u09a5\u09c7\u0995\u09c7 \u09a1\u09be\u09a8 \u09a6\u09bf\u0995\u09c7)<\/strong><\/p>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u099f\u09bf \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u098f\u0995\u099f\u09bf linear gradient \u09a6\u09c7\u0996\u09be\u09ac\u09c7 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u098f\u0987 \u09ac\u09be\u09ae \u09aa\u09be\u09b6 \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df\u0964 \u098f\u0996\u09be\u09a8\u09c7 red \u098f\u09ac\u0982 blue \u098f\u09b0 transition \u09a6\u09c7\u0996\u09be\u09a8\u09cb<br \/>\n\u09b9\u09df\u09c7\u099b\u09c7\u0964<br \/>\n\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-linear-gradient(left, red , blue); \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-linear-gradient(right, red, blue); \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -moz-linear-gradient(right, red, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: linear-gradient(to right, red , blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>Linear Gradient &#8211; Diagonal (\u09a4\u09bf\u09b0\u09cd\u09af\u0995)<\/strong><\/p>\n<p>\u0986\u09aa\u09a8\u09bf \u098f\u0995\u099f\u09bf Diagonal Gradient \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u09a8 \u09af\u09c7\u0996\u09be\u09a8\u09c7 \u098f\u09b0 horizontal(\u0986\u09a8\u09c1\u09ad\u09c2\u09ae\u09bf\u0995) and vertical(\u0996\u09be\u09dc\u09be) \u09b6\u09c1\u09b0\u09c1\u09b0 \u09b8\u09cd\u09a5\u09be\u09a8\u099f\u09bf\u0995\u09c7<br \/>\n\u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09df\u0964<br \/>\n\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u099f\u09bf \u09a5\u09c7\u0995\u09c7 \u098f\u0987 \u09ac\u09bf\u09b7\u09df \u099f\u09bf \u09ad\u09be\u09b2 \u09ad\u09be\u09ac\u09c7 \u09ac\u09c1\u099c\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964<br \/>\n\u098f\u099f\u09bf \u098f\u0995\u099f\u09bf linear gradient \u09af\u09be top left \u09a5\u09c7\u0995\u09c7 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09df \u098f\u09ac\u0982 bottom right \u098f \u09b6\u09c7\u09b7 \u09b9\u09df\u0964<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-linear-gradient(left top, red , blue); \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-linear-gradient(bottom right, red, blue); \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -moz-linear-gradient(bottom right, red, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: linear-gradient(to bottom right, red , blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Using Angles (\u0995\u09cb\u09a3 \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0)<\/h2>\n<p>\u0986\u09aa\u09a8\u09bf \u09af\u09a6\u09bf gradient \u098f\u09b0 \u0989\u09aa\u09b0 \u0986\u09b0\u0993 \u09ac\u09c7\u09b6\u09bf \u09a8\u09bf\u09df\u09a8\u09cd\u09a4\u09cd\u09b0\u09a3\u09c7 \u09b0\u09be\u0996\u09a4\u09c7 \u099a\u09be\u09a8 \u09a4\u09ac\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u098f\u0995\u099f\u09bf angle \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7 \u09aa\u09c2\u09b0\u09cd\u09ac\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f<br \/>\n\u0995\u09b0\u09be \u0997\u09a4\u09bf\u09aa\u09a5(to bottom, to top, to right, to left, to bottom right, etc.) \u09ac\u09be\u09a6 \u09a6\u09bf\u09df\u09c7\u0964<br \/>\n\u0995\u09cb\u09a1\u099f\u09bf \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c2\u09aa-<\/p>\n<hr \/>\n<pre>background: linear-gradient(angle, color-stop1, color-stop2);<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>Horizontal line \u098f\u09ac\u0982 gradient line \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u098f\u0995\u099f\u09bf \u0995\u09cb\u09a3 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af Angle \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964 \u09af\u09c7\u099f\u09bf \u0998\u09dc\u09bf\u09b0 \u0998\u09c2\u09b0\u09cd\u09a3\u09a8 \u098f\u09b0 \u0989\u09b2\u09cd\u099f\u09be\u0964<br \/>\n\u0986\u09aa\u09b0\u09a6\u09bf\u0995\u09c7, 0 \u09a1\u09bf\u0997\u09cd\u09b0\u09c0 bottom \u09a5\u09c7\u0995\u09c7 top gradient \u098f\u09ac\u0982 90 \u09a1\u09bf\u0997\u09cd\u09b0\u09c0 left \u09a5\u09c7\u0995\u09c7 right gradient \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09c7\u0964<\/p>\n<pre>\u0995\u09cb\u09a1\u0997\u09c1\u09b2\u09bf \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c2\u09aa -<\/pre>\n<hr \/>\n<pre> #grad {\r\n\u00a0 background: -webkit-linear-gradient(180deg, red, blue); \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-linear-gradient(180deg, red, blue); \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -moz-linear-gradient(180deg, red, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: linear-gradient(180deg, red, blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Using Multiple Color Stops (\u098f\u0995\u09be\u09a7\u09bf\u0995 Color Stop \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0)<\/h2>\n<p>\u09a8\u09bf\u09ae\u09cd\u09a8\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a8\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 Color Stop \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u09a6\u09c7\u0996\u09be\u09a8\u09cb \u09b9\u09df\u09c7\u099b\u09c7\u0964<br \/>\n\u0995\u09cb\u09a1-<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-linear-gradient(red, green, blue); \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-linear-gradient(red, green, blue); \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -moz-linear-gradient(red, green, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: linear-gradient(red, green, blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u099f\u09bf \u09a4\u09c7 rainbow color \u09a6\u09cd\u09ac\u09be\u09b0\u09be linear gradient \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a3 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf-<br \/>\n\u0995\u09cb\u09a1-<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -webkit-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);\r\n\u00a0 \/* For Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -o-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);\r\n\u00a0 \/* For Fx 3.6 to 15 *\/\r\n\u00a0 background: -moz-linear-gradient(left,red,orange,yellow,green,blue,indigo,violet);\r\n\u00a0 \/* Standard syntax *\/\r\n\u00a0 background: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Using Transparency (\u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be\u09b0 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0)<\/h2>\n<p>CSS3 gradient \u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be \u09b8\u09ae\u09b0\u09cd\u09a5\u09a8 \u0995\u09b0\u09c7\u0964\u098f\u099f\u09bf \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df fading effects \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964<\/p>\n<p>\u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u09ac\u0982 color stop \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af &#8220;rgba()&#8221; function \u099f\u09bf \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u0964<br \/>\nrgba() function \u098f\u09b0 \u09b6\u09c7\u09b7 parameter value 0 \u09a5\u09c7\u0995\u09c7 1 \u098f\u09ac\u0982 \u098f\u099f\u09bf \u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7\u0964 \u098f\u0996\u09be\u09a8\u09c7 0 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3<br \/>\n\u09b8\u09cd\u09ac\u099a\u09cd\u099b\u09a4\u09be \u098f\u09ac\u0982 1 \u09a6\u09cd\u09ac\u09be\u09b0\u09be full color \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7\u0964<br \/>\n\u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u098f\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u09a6\u09c7\u09df\u09be \u09b9\u09b2-<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-linear-gradient(left,rgba(255,0,0,0),rgba(255,0,0,1)); \/*Safari 5.1-6*\/\r\n\u00a0 background: -o-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); \/*Opera 11.1-12*\/\r\n\u00a0 background: -moz-linear-gradient(right,rgba(255,0,0,0),rgba(255,0,0,1)); \/*Fx 3.6-15*\/\r\n\u00a0 background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1)); \/*Standard*\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Repeating a linear-gradient (linear-gradient \u098f\u09b0 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf)<\/h2>\n<p>&#8220;repeating-linear-gradient()&#8221; function \u099f\u09bf \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df linear gradient \u098f\u09b0 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964<br \/>\n\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 \/* Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -webkit-repeating-linear-gradient(red, yellow 10%, green 20%);\r\n\u00a0 \/* Opera 11.1 to 12.0 *\/\r\n\u00a0 background: -o-repeating-linear-gradient(red, yellow 10%, green 20%);\r\n\u00a0 \/* Firefox 3.6 to 15 *\/\r\n\u00a0 background: -moz-repeating-linear-gradient(red, yellow 10%, green 20%);\r\n\u00a0 \/* Standard syntax *\/\r\n\u00a0 background: repeating-linear-gradient(red, yellow 10%, green 20%);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>CSS3 Radial Gradients<\/h2>\n<p>Radial gradient \u099f\u09bf \u0995\u09c7\u09a8\u09cd\u09a6\u09cd\u09b0 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df\u0964<br \/>\n\u098f\u0995\u099f\u09bf radial gradient \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0995\u09ae\u09aa\u0995\u09cd\u09b7\u09c7 \u09a6\u09c1\u099f\u09bf color stops \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964<br \/>\nRadial Gradient \u09a4\u09c8\u09b0\u09bf\u09b0 Syntax \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c1\u09aa\u0983<\/p>\n<hr \/>\n<p>background: radial-gradient(shape size at position, start-color, &#8230;, last-color);<\/p>\n<hr \/>\n<p>\u09b8\u09cd\u09ac\u09be\u09ad\u09be\u09ac\u09bf\u0995 \u09ad\u09be\u09ac\u09c7 \u0986\u0995\u09c3\u09a4\u09bf \u09b9\u09df \u0989\u09aa\u09ac\u09c3\u09a4\u09cd\u09a4\u09be\u0995\u09be\u09b0, \u0995\u09cb\u09a3 \u099f\u09bf \u09a6\u09c2\u09b0\u09ac\u09b0\u09cd\u09a4\u09c0 \u0995\u09cb\u09a8\u09be\u09df \u09b9\u09df, \u0989\u09ce\u09aa\u09a8\u09cd\u09a8 \u09b9\u09df \u0995\u09c7\u09a8\u09cd\u09a6\u09cd\u09b0\u09c7\u0964<\/p>\n<p><strong>Radial Gradient &#8211; Evenly Spaced Color Stops (Color Stop \u0997\u09c1\u09b2\u09bf \u09b8\u09ae\u09ac\u09cd\u09af\u09ac\u09a7\u09be\u09a8 \u098f \u09a5\u09be\u0995\u09c7 )<\/strong><\/p>\n<p>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-radial-gradient(red, green, blue); \/* Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -o-radial-gradient(red, green, blue); \/* For Opera 11.6 to 12.0 *\/\r\n\u00a0 background: -moz-radial-gradient(red, green, blue); \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: radial-gradient(red, green, blue); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>Radial Gradient &#8211; Differently Spaced Color Stops(\u09ad\u09bf\u09a8\u09cd\u09a8 \u09ac\u09cd\u09af\u09ac\u09a7\u09be\u09a8\u09c7\u09b0 Color Stop)<\/strong><\/p>\n<p>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-radial-gradient(red 5%, green 15%, blue 60%); \/* Safari 5.1-6.0 *\/\r\n\u00a0 background: -o-radial-gradient(red 5%, green 15%, blue 60%); \/* For Opera 11.6-12.0 *\/\r\n\u00a0 background: -moz-radial-gradient(red 5%, green 15%, blue 60%); \/* For Firefox 3.6-15 *\/\r\n\u00a0 background: radial-gradient(red 5%, green 15%, blue 60%); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Set Shape (\u0986\u0995\u09be\u09b0 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f\u0995\u09b0\u09a3)<\/h2>\n<p>Shape parameter \u099f\u09bf gradient \u098f\u09b0 shape \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7\u0964 \u098f\u099f\u09bf circle(\u09ac\u09c3\u09a4\u09cd\u09a4\u09be\u0995\u09be\u09b0) \u09ac\u09be ellipse(\u0989\u09aa\u09ac\u09c3\u09a4\u09cd\u09a4\u09be\u0995\u09be\u09b0) \u098f\u09b0 value<br \/>\n\u0997\u09cd\u09b0\u09b9\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7\u0964<br \/>\n\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 background: -webkit-radial-gradient(circle, red, yellow, green); \/* Safari *\/\r\n\u00a0 background: -o-radial-gradient(circle, red, yellow, green); \/* Opera 11.6 to 12.0 *\/\r\n\u00a0 background: -moz-radial-gradient(circle, red, yellow, green); \/* Firefox 3.6 to 15 *\/\r\n\u00a0 background: radial-gradient(circle, red, yellow, green); \/* Standard syntax *\/\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Use of Different Size Keywords (\u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u09a7\u09b0\u09a8\u09c7\u09b0 Keyword \u098f\u09b0 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0)<\/h2>\n<p>Size parameter \u09a6\u09cd\u09ac\u09be\u09b0\u09be gradient \u098f\u09b0 size \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df\u0964 \u098f\u09b0 \u09ea \u09a7\u09b0\u09a8\u09c7\u09b0 \u09ae\u09be\u09a8 \u09b9\u09a4\u09c7 \u09aa\u09be\u09b0\u09c7-<\/p>\n<ul>\n<li>closest-side<\/li>\n<li>farthest-side<\/li>\n<li>closest-corner<\/li>\n<li>farthest-corner<\/li>\n<\/ul>\n<p>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<p>\u09ac\u09bf\u09ad\u09bf\u09a8\u09cd\u09a8 \u0986\u0995\u09be\u09b0\u09c7\u09b0 keyword \u09b8\u0982\u09ac\u09b2\u09bf\u09a4 \u098f\u0995\u099f\u09bf radial gradient \u098f\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3 \u09a8\u09bf\u09ae\u09cd\u09a8\u09b0\u09c2\u09aa-<\/p>\n<hr \/>\n<pre>#grad1 {\r\n\u00a0 \/* Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -webkit-radial-gradient(60% 55%, closest-side,blue,green,yellow,black);\r\n\u00a0 \/* For Opera 11.6 to 12.0 *\/\r\n\u00a0 background: -o-radial-gradient(60% 55%, closest-side,blue,green,yellow,black);\r\n\u00a0 \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: -moz-radial-gradient(60% 55%, closest-side,blue,green,yellow,black);\r\n\u00a0 \/* Standard syntax *\/\r\n\u00a0 background: radial-gradient(closest-side at 60% 55%,blue,green,yellow,black);\r\n}\r\n\r\n#grad2 {\r\n\u00a0 \/* Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -webkit-radial-gradient(60% 55%, farthest-side,blue,green,yellow,black);\r\n\u00a0 \/* Opera 11.6 to 12.0 *\/\r\n\u00a0 background: -o-radial-gradient(60% 55%, farthest-side,blue,green,yellow,black);\r\n\u00a0 \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: -moz-radial-gradient(60% 55%, farthest-side,blue,green,yellow,black);\r\n\u00a0 \/* Standard syntax *\/\r\n\u00a0 background: radial-gradient(farthest-side at 60% 55%,blue,green,yellow,black);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<h2>Repeating a radial-gradient (radial-gradient \u098f\u09b0 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf)<\/h2>\n<p>repeating-radial-gradient(), function \u099f\u09bf \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df radial gradient \u098f\u09b0 \u09aa\u09c1\u09a8\u09b0\u09be\u09ac\u09c3\u09a4\u09cd\u09a4\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af\u0964<br \/>\n\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/p>\n<hr \/>\n<pre>#grad {\r\n\u00a0 \/* For Safari 5.1 to 6.0 *\/\r\n\u00a0 background: -webkit-repeating-radial-gradient(red, yellow 10%, green 15%);\r\n\u00a0 \/* For Opera 11.6 to 12.0 *\/\r\n\u00a0 background: -o-repeating-radial-gradient(red, yellow 10%, green 15%);\r\n\u00a0 \/* For Firefox 3.6 to 15 *\/\r\n\u00a0 background: -moz-repeating-radial-gradient(red, yellow 10%, green 15%);\r\n\u00a0 \/* Standard syntax *\/\r\n\u00a0 background: repeating-radial-gradient(red, yellow 10%, green 15%);\r\n}<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>CSS3 gradients \u09a6\u09c1\u099f\u09bf color \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09b8\u0982\u09af\u09cb\u0997 \u09b8\u09cd\u09a5\u09b2 \u0995\u09c7 \u09ae\u09b8\u09c3\u09a3 \u0995\u09b0\u09c7\u0964 \u098f\u0987 \u0995\u09be\u099c \u099f\u09bf \u0995\u09b0\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u098f\u0995\u099f\u09bf image \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09ac\u09c7\u0964 \u09a4\u09ac\u09c7 CSS3 gradient \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf download \u098f\u09ac\u0982 bandwidth usage \u0995\u09ae\u09be\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u098f\u0995\u0987\u09b8\u09be\u09a5\u09c7 gradient \u098f\u09b0 \u09ae\u09be\u09a7\u09cd\u09af\u09ae\u09c7 \u0995\u09b0\u09be element \u0997\u09c1\u09b2\u09bf \u09ad\u09be\u09b2 \u09a6\u09c7\u0996\u09be\u09df \u09af\u0996\u09a8 zoom \u0995\u09b0\u09be \u09b9\u09df, \u0995\u09c7\u09a8\u09a8\u09be gradient \u09b8\u09ac\u09b8\u09ae\u09df browser \u098f \u09b8\u09c3\u09b7\u09cd\u099f\u09bf \u09b9\u09df\u0964 CSS3 &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6222\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":11186,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[1645,492,1612,1643,1644,1647,1648,1646,1642,341,1611],"class_list":["post-6222","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-----css-tutorial","tag-angle","tag-css","tag-css3","tag-gradient","tag-linear","tag-radial","tag-shap","tag-transparency","tag-1642","tag-341","tag-1611","item-wrap"],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/bangla.sitestree.com\/wp-content\/uploads\/2015\/02\/gradient_linear.png?fit=200%2C150","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6224,"url":"http:\/\/bangla.sitestree.com\/?p=6224","url_meta":{"origin":6222,"position":0},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09e9 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u0987\u09ab\u09c7\u0995\u09cd\u099f\u09b8 (CSS3 Text Effects)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"css3 \u09a4\u09c7 \u09ac\u09c7\u09b6 \u0995\u09bf\u099b\u09c1\u0987 \u09a8\u09a4\u09c1\u09a8 \u099f\u09c7\u0995\u09cd\u09b8\u099f \u0987\u09ab\u09c7\u0995\u09cd\u099f\u09b8 \u0986\u099b\u09c7\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09aa\u09a8\u09be\u09b0\u09be \u09a8\u09bf\u099a\u09c7\u09b0 \u0985\u09a7\u09cd\u09af\u09be\u09df\u0997\u09c1\u09b2\u09cb \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09ac\u09c7\u09a8- text-shadow word-wrap \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f (Browser Support) \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09a6\u09c1\u099f\u09cb css3 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8, \u09a4\u09be\u0987 \u09b8\u0995\u09b2 \u09a8\u09a4\u09c1\u09a8 \u09ac\u09be latest version \u098f\u09b0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u0997\u09c1\u09b2\u09cb \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09ac\u09c7\u0964 \u09a8\u09bf\u09ae\u09cd\u09a8\u09c7 \u09a6\u09c7\u09df\u09be browser version \u0997\u09c1\u09b2\u09bf \u09aa\u09cd\u09b0\u09be\u09a5\u09ae\u09bf\u0995 version \u09af\u09be \u098f\u0987 property \u0995\u09c7 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\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":6236,"url":"http:\/\/bangla.sitestree.com\/?p=6236","url_meta":{"origin":6222,"position":1},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ae\u09be\u09b2\u09cd\u099f\u09bf\u09aa\u09b2 \u0995\u09b2\u09be\u09ae (CSS3 Multiple Columns)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"CSS3 Multiple Columns \u0985\u09b0\u09cd\u09a5\u09be\u09ce css3 \u09a4\u09c7 \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0995\u09b2\u09be\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be css3 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u0986\u09aa\u09a8\u09bf \u099f\u09c7\u0995\u09cd\u09b8\u099f\u0997\u09c1\u09b2\u09cb\u0995\u09c7 \u09aa\u09cd\u09b0\u09df\u09cb\u099c\u09a8\u09ae\u09a4 \u09b8\u09be\u099c\u09be\u09a8\u09cb\u09b0 \u099c\u09a8\u09cd\u09af \u098f\u0995\u09be\u09a7\u09bf\u0995 \u0995\u09b2\u09be\u09ae \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09aa\u09a8\u09bf \u09a8\u09bf\u09ae\u09cd\u09a8\u09cb\u0995\u09cd\u09a4 \u0995\u09b2\u09be\u09ae \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u0997\u09c1\u09b2\u09cb \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09ac\u09c7\u09a8- column-count column-gap Column-rule \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f (Browser Support) \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u099f\u09bf \u09b8\u0995\u09b2 \u09a8\u09a4\u09c1\u09a8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u098f\u09b0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u0997\u09c1\u09b2\u09cb\u09a4\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 IE\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":6178,"url":"http:\/\/bangla.sitestree.com\/?p=6178","url_meta":{"origin":6222,"position":2},"title":"\u09b8\u09bf \u098f\u09b8 \u098f\u09b8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 (CSS Margin)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be elements \u098f\u09b0 \u099a\u09be\u09b0 \u09aa\u09be\u09b6\u09c7\u09b0 \u0995\u09bf\u099b\u09c1 \u09ab\u09be\u0981\u0995\u09be \u09b8\u09cd\u09a5\u09be\u09a8 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964 \u09ae\u09be\u09b0\u09cd\u099c\u09bf\u09a8 Margin \u09a6\u09cd\u09ac\u09be\u09b0\u09be element \u098f\u09b0 \u099a\u09be\u09b0 \u09aa\u09be\u09b6\u09c7\u09b0 clear \u09b8\u09cd\u09a5\u09be\u09a8 (outside the border) \u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964 Margin \u098f\u09b0 \u0995\u09cb\u09a8 background color \u09a8\u09c7\u0987, \u098f\u099f\u09bf \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf transparent\u0964 Top, right, bottom, and left margin \u09b8\u09cd\u09ac\u09be\u09a7\u09c0\u09a8 \u09ad\u09be\u09ac\u09c7 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u09af\u09be\u09df \u09a4\u09be\u09a6\u09c7\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":[]},{"id":6208,"url":"http:\/\/bangla.sitestree.com\/?p=6208","url_meta":{"origin":6222,"position":3},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u09aa\u09b0\u09bf\u099a\u09bf\u09a4\u09bf (CSS3 Introduction)","author":"Author-Check- Article-or-Video","date":"February 8, 2015","format":false,"excerpt":"Ali Hossain Student of English Literature, Jahangirnagar University. \u00a0 CSS (\u09b8\u09bf\u098f\u09b8\u098f\u09b8) \u098f\u09b0 \u0986\u09a7\u09c1\u09a8\u09bf\u0995 \u09ae\u09be\u09a8\u09a6\u09a8\u09cd\u09a1 \u09ac\u09be \u09a8\u09bf\u09b6\u09be\u09a8 \u09b9\u099a\u09cd\u099b\u09c7 CSS3 (\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9) \u09aa\u09c2\u09b0\u09cd\u09ac\u09c7\u09b0 CSS (\u09b8\u09bf\u098f\u09b8\u098f\u09b8) \u098f\u09b0 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8 \u098f\u09b0 \u09b8\u09be\u09a5\u09c7 CSS3 (\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9) \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a8\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09ae\u099e\u09cd\u099c\u09b8\u09cd\u09af\u09aa\u09c2\u09b0\u09cd\u09a3 \u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u0986\u09aa\u09a8\u09bf CSS3 (\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9) \u098f\u09b0 \u09a8\u09a4\u09c1\u09a8 \u09ac\u09c8\u09b6\u09bf\u09b7\u09cd\u099f\u09cd\u09af \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u00a0 CSS3 Modules (\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u09ae\u09a1\u09bf\u0989\u09b2\u09b8) CSS3 (\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9) \u0995\u09c7\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":6222,"position":4},"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":[]},{"id":6238,"url":"http:\/\/bangla.sitestree.com\/?p=6238","url_meta":{"origin":6222,"position":5},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 (CSS3 User Interface)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"Sheikh Mahfuzur Rahman \u00a0 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u098f\u09b0 \u0995\u09bf\u099b\u09c1 \u09a8\u09a4\u09c1\u09a8 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09ab\u09bf\u099a\u09be\u09b0 \u09b9\u09b2\u09cb \u098f\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f \u09b0\u09bf\u09b8\u09be\u0987\u099c\u09bf\u0982, \u09ac\u0995\u09cd\u09b8 \u09b0\u09bf\u09b8\u09be\u0987\u099c\u09bf\u0982 \u098f\u09ac\u0982 \u0986\u0989\u099f\u09b2\u09be\u0987\u09a8\u09bf\u0982\u0964 \u098f\u0987 \u0985\u09a7\u09cd\u09af\u09be\u09df\u09c7 \u09a8\u09bf\u099a\u09c7\u09b0 \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0997\u09c1\u09b2\u09cb \u09b8\u09ae\u09cd\u09aa\u09b0\u09cd\u0995\u09c7 \u099c\u09be\u09a8\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0983 resize box-sizing outline-offset \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09a8\u09bf\u099a\u09c7\u09b0 \u09a4\u09be\u09b2\u09bf\u0995\u09be\u09df \u09aa\u09cd\u09b0\u09a5\u09ae \u09af\u09c7 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u0987\u0989\u099c\u09be\u09b0 \u0987\u09a8\u09cd\u099f\u09be\u09b0\u09ab\u09c7\u09b8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7 \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7 \u09a4\u09be \u09a6\u09c7\u09df\u09be\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":[]}],"_links":{"self":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6222","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=6222"}],"version-history":[{"count":6,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6222\/revisions"}],"predecessor-version":[{"id":11188,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6222\/revisions\/11188"}],"wp:featuredmedia":[{"embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/media\/11186"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6222"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6222"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6222"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}