{"id":6234,"date":"2015-02-09T11:07:54","date_gmt":"2015-02-09T16:07:54","guid":{"rendered":"http:\/\/bangla.salearningschool.com\/?p=6234"},"modified":"2015-11-06T01:55:20","modified_gmt":"2015-11-06T06:55:20","slug":"%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a7%a9-%e0%a6%85%e0%a7%8d%e0%a6%af%e0%a6%be%e0%a6%a8%e0%a6%bf%e0%a6%ae%e0%a7%87%e0%a6%b6%e0%a6%a8%e0%a6%b8-css3-animations","status":"publish","type":"post","link":"http:\/\/bangla.sitestree.com\/?p=6234","title":{"rendered":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09b8 (CSS3 Animations)"},"content":{"rendered":"<p><strong>\u09b8\u09c1\u09a6\u09c0\u09aa\u09cd\u09a4 \u09b8\u09be\u09b9\u09be<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>\u09ab\u09cd\u09b2\u09be\u09b8 \u09ac\u09be \u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09a4\u09c8\u09b0\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u09b8\u09bf\u098f\u09b8\u098f\u09b83 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ac\u09a6\u09b2 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u099f\u09c7\u09ac\u09bf\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09bf\u09a4 \u09a8\u09be\u09ae\u09cd\u09ac\u09be\u09b0\u0997\u09c1\u09b2\u09cb \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u099b\u09c7 \u0995\u09cb\u09a8 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u0995\u09cb\u09a8 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964<br \/>\n-webkit-, -moz-, \u0985\u09a5\u09ac\u09be -o- \u09af\u09c1\u0995\u09cd\u09a4 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8\u0997\u09c1\u09b2\u09cb \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u099b\u09c7 \u09af\u09be \u09aa\u09cd\u09b0\u09a5\u09ae \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u099b\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>@keyframes<\/td>\n<td>\n<p style=\"text-align: center;\">43.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n5.0\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">9.0<br \/>\n4.0\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">30.0<br \/>\n15.0\u00a0-webkit-<br \/>\n12.0 -o-<\/p>\n<\/td>\n<\/tr>\n<tr>\n<td>animation<\/td>\n<td>\n<p style=\"text-align: center;\">43.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<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">16.0<br \/>\n5.0\u00a0-moz-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">9.0<br \/>\n4.0\u00a0-webkit-<\/p>\n<\/td>\n<td>\n<p style=\"text-align: center;\">30.0<br \/>\n15.0\u00a0-webkit-<br \/>\n12.0\u00a0-o-<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b83 @keyframes \u098f\u09b0 \u09b0\u09c1\u09b2<\/h2>\n<p>\u09af\u09c7\u0996\u09be\u09a8\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf \u09b9\u09df \u09b8\u09c7\u0996\u09be\u09a8\u09c7 @keyframes \u098f\u09b0 \u09b0\u09c1\u09b2 \u09aa\u09cd\u09b0\u09ac\u09b0\u09cd\u09a4\u09bf\u09a4 \u09b9\u09df\u0964<\/p>\n<p>@keyframes \u098f\u09b0 \u09ad\u09c7\u09a4\u09b0\u09c7 \u0995\u09cb\u09a8 \u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u09a6\u09bf\u09b2\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u099f\u09bf \u09ac\u09b0\u09cd\u09a4\u09ae\u09be\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a5\u09c7\u0995\u09c7 \u09a7\u09c0\u09b0\u09c7 \u09a7\u09c0\u09b0\u09c7 \u09a8\u09a4\u09c1\u09a8 \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09c7 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u09b9\u09ac\u09c7\u0964<\/p>\n<h2><\/h2>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b83 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8<\/h2>\n<p>\u09af\u0996\u09a8 @keyframes \u09b0\u09c1\u09b2\u09c7\u09b0 \u09ad\u09c7\u09a4\u09b0\u09c7 \u0995\u09cb\u09a8 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf \u09b9\u09ac\u09c7 \u09a4\u0996\u09a8 \u0986\u09aa\u09a8\u09be\u0995\u09c7 \u0985\u09ac\u09b6\u09cd\u09af\u0987 \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u09a0\u09bf\u0995 \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09b9\u09ac\u09c7, \u09a4\u09be \u09a8\u09be \u09b9\u09b2\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09cb\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09a6\u09c7\u0996\u09be\u09ac\u09c7 \u09a8\u09be\u0964<br \/>\n\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b8\u09bf\u09b2\u09c7\u0995\u09cd\u099f\u09b0 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u09a6\u09c7\u09df\u09be\u09b0 \u099c\u09a8\u09cd\u09af \u0985\u09a8\u09cd\u09a4\u09a4 \u09a6\u09c1\u0987\u099f\u09bf \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u0983<br \/>\n\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09a8\u09be\u09ae -webkit-animation: myfirst, \u098f\u09ac\u0982 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u09be\u09aa\u09cd\u09a4\u09bf\u0995\u09be\u09b2<\/p>\n<p>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<br \/>\n\u0995\u09cb\u09a8 -webkit-animation \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 &#8220;myfirst&#8221; \u09a8\u09be\u09ae\u09c7\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a4\u09c8\u09b0\u09bf \u0995\u09b0\u09be\u0964 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09ac\u09cd\u09af\u09be\u09aa\u09cd\u09a4\u09bf\u0995\u09be\u09b2\u0983 \u09eb \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1<\/p>\n<hr \/>\n<pre>div {\r\n     -webkit-animation: myfirst 5s; \/* Chrome, Safari, Opera *\/\r\n     animation: myfirst 5s;\r\n }<\/pre>\n<pre>\/* Chrome, Safari, Opera *\/\r\n@-webkit-keyframes myfirst {\r\n     from {background: red;}\r\n     to {background: yellow;}\r\n     }<\/pre>\n<pre>\/* Standard syntax *\/\r\n@keyframes myfirst {\r\n     from {background: red;}\r\n     to {background: yellow;}\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p><strong>\u0987\u0999\u09cd\u0997\u09bf\u09a4\u0983<\/strong> \u09af\u09a6\u09bf \u09ac\u09cd\u09af\u09be\u09aa\u09cd\u09a4\u09bf\u0995\u09be\u09b2 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09be \u09a8\u09be \u09b9\u09df \u09a4\u09be\u09b9\u09b2\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09cb\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f \u09a6\u09c7\u0996\u09be\u09ac\u09c7 \u09a8\u09be, \u0995\u09be\u09b0\u09a8 \u09a1\u09bf\u09ab\u09b2\u09cd\u099f \u09ad\u09cd\u09af\u09be\u09b2\u09c1 \u09e6 \u09a7\u09b0\u09c7 \u09a8\u09c7\u09df\u09be \u09b9\u09ac\u09c7\u0964<\/p>\n<p>&nbsp;<\/p>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b83 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09bf?<\/h2>\n<p>\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09b9\u09b2 \u0995\u09cb\u09a8 \u0987\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u0995\u09c7 \u09a7\u09c0\u09b0\u09c7 \u09a7\u09c0\u09b0\u09c7 \u098f\u0995 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u09a5\u09c7\u0995\u09c7 \u0985\u09a8\u09cd\u09af \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09c7 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be\u09b0 \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf\u0964 \u0986\u09aa\u09a8\u09be\u09b0 \u09af\u09a4 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u0987\u099a\u09cd\u099b\u09be \u098f\u09ac\u0982 \u09af\u09a4\u09ac\u09be\u09b0 \u0987\u099a\u09cd\u099b\u09be \u0986\u09aa\u09a8\u09bf \u09a4\u09be \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8\u0964 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u0996\u09a8 \u09b9\u09ac\u09c7 \u09a4\u09be \u0986\u09aa\u09a8\u09bf % \u0986\u0995\u09be\u09b0\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u09a6\u09bf\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8, \u098f\u099b\u09be\u09dc\u09be\u0993 \u0986\u09aa\u09a8\u09bf &#8220;from&#8221; \u098f\u09ac\u0982 &#8220;to&#8221; \u0995\u09c0\u0993\u09df\u09be\u09b0\u09cd\u09a1 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09aa\u09be\u09b0\u09ac\u09c7\u09a8(\u09af\u09c7\u099f\u09be \u09e6% \u098f\u09ac\u0982 \u09e7\u09e6\u09e6% \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09ac\u09b0\u09cd\u09a4\u09c0 \u0995\u09bf\u099b\u09c1\u0995\u09c7 \u09ac\u09c1\u099d\u09be\u09ac\u09c7)<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><br \/>\n\u09e8\u09eb% \u098f\u09ac\u0982 \u09eb\u09e6% \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0995\u09be\u09b2\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u098f\u09ac\u0982 \u09aa\u09c1\u09a8\u09b0\u09be\u09df \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09ae\u09aa\u09cd\u09b2\u09bf\u099f \u09b9\u0993\u09df\u09be\u09b0 \u09aa\u09b0 \u0995\u09b0\u09be\u0964<\/p>\n<hr \/>\n<pre>\/* Chrome, Safari, Opera *\/\r\n @-webkit-keyframes myfirst {\r\n      0% {background: red;}\r\n      25% {background: yellow;}\r\n      50% {background: blue;}\r\n      100% {background: green;}\r\n }<\/pre>\n<pre>\/* Standard syntax *\/\r\n      @keyframes myfirst {\r\n      0% {background: red;}\r\n      25% {background: yellow;}\r\n      50% {background: blue;}\r\n      100% {background: green;}\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p><strong>\u0989\u09a6\u09be\u09b9\u09b0\u09a8\u0983<\/strong><br \/>\n\u09e8\u09eb%, \u09eb\u09e6% \u098f\u09ac\u0982 \u09ed\u09eb% \u098f\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u09ac\u09cd\u09af\u09be\u0995\u0997\u09cd\u09b0\u09be\u0989\u09a8\u09cd\u09a1 \u0995\u09be\u09b2\u09be\u09b0 \u09aa\u09b0\u09bf\u09ac\u09b0\u09cd\u09a4\u09a8 \u0995\u09b0\u09be \u098f\u09ac\u0982 \u09aa\u09c1\u09a8\u09b0\u09be\u09df \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09ae\u09aa\u09cd\u09b2\u09bf\u099f \u09b9\u0993\u09df\u09be\u09b0 \u09aa\u09b0 \u0995\u09b0\u09be\u0964<\/p>\n<hr \/>\n<pre>\/* Chrome, Safari, Opera *\/\r\n @-webkit-keyframes myfirst {\r\n      0% {background: red; left:0px; top:0px;}\r\n      25% {background: yellow; left:200px; top:0px;}\r\n      50% {background: blue; left:200px; top:200px;}\r\n      75% {background: green; left:0px; top:200px;}\r\n      100% {background: red; left:0px; top:0px;}\r\n }<\/pre>\n<pre>\/* Standard syntax *\/\r\n @keyframes myfirst {\r\n      0% {background: red; left:0px; top:0px;}\r\n      25% {background: yellow; left:200px; top:0px;}\r\n      50% {background: blue; left:200px; top:200px;}\r\n      75% {background: green; left:0px; top:200px;}\r\n      100% {background: red; left:0px; top:0px;}\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<h2>\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u0986\u09b0\u0993 \u0989\u09a6\u09be\u09b9\u09b0\u09a8<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u099f\u09bf\u09a4\u09c7 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b8\u09be\u09a4\u099f\u09bf \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0983<\/p>\n<hr \/>\n<pre>div {\r\n \/* Chrome, Safari, Opera *\/\r\n -webkit-animation-name: myfirst;\r\n -webkit-animation-duration: 5s;\r\n -webkit-animation-timing-function: linear;\r\n -webkit-animation-delay: 2s;\r\n -webkit-animation-iteration-count: infinite;\r\n -webkit-animation-direction: alternate;\r\n -webkit-animation-play-state: running;\r\n \/* Standard syntax *\/\r\n animation-name: myfirst;\r\n animation-duration: 5s;\r\n animation-timing-function: linear;\r\n animation-delay: 2s;\r\n animation-iteration-count: infinite;\r\n animation-direction: alternate;\r\n animation-play-state: running;\r\n }<\/pre>\n<hr \/>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>\u0989\u09aa\u09b0\u09c7\u09b0 \u0989\u09a6\u09be\u09b9\u09b0\u09a3\u09c7\u09b0 \u09ae\u09a4\u09cb\u0987 \u0986\u09b0\u09c7\u0995\u099f\u09bf \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0987\u09ab\u09c7\u0995\u09cd\u099f (animation-play-state \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09be\u09a6\u09c7)\u0964 \u098f\u0996\u09be\u09a8\u09c7 \u0995\u09bf\u099b\u09c1 \u09b6\u09b0\u09cd\u099f-\u0995\u09be\u09b0\u09cd\u099f \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0983<\/p>\n<hr \/>\n<pre>div {\r\n     -webkit-animation: myfirst 5s linear 2s infinite alternate; \/* Chrome, Safari, Opera *\/\r\n     animation: myfirst 5s linear 2s infinite alternate; \/* Standard syntax *\/\r\n }<\/pre>\n<hr \/>\n<h2>\u09b8\u09bf\u098f\u09b8\u098f\u09b83 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf<\/h2>\n<p>\u09a8\u09bf\u099a\u09c7\u09b0 \u099f\u09c7\u09ac\u09bf\u09b2\u09c7 @keyframes \u09b0\u09c1\u09b2 \u098f\u09ac\u0982 \u09b8\u0995\u09b2 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b2\u09bf\u09b8\u09cd\u099f \u0995\u09b0\u09be \u09b9\u09df\u09c7\u099b\u09c7\u0983<\/p>\n<table style=\"height: 332px;\" width=\"617\">\n<tbody>\n<tr>\n<td width=\"181\">\n<p style=\"text-align: center;\"><strong>\u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf<\/strong><\/p>\n<\/td>\n<td width=\"457\">\n<p style=\"text-align: center;\"><strong>\u09ac\u09b0\u09cd\u09a3\u09a8\u09be<\/strong><\/p>\n<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">@keyframes<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u0995\u09c7 \u09a8\u09bf\u09b0\u09cd\u09a6\u09bf\u09b7\u09cd\u099f \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation animation-play-state \u098f\u09ac\u0982 animation-fill-mode<\/td>\n<td width=\"457\">\u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09ac\u09be\u09a6\u09c7 \u09b8\u0995\u09b2 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7 \u098f\u0995\u09b8\u09be\u09a5\u09c7 \u09ac\u09cd\u09af\u09be\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u09b6\u09b0\u09cd\u099f\u0995\u09be\u09b0\u09cd\u099f \u09aa\u09a6\u09cd\u09a7\u09a4\u09bf \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-delay<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u0996\u09a8 \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-direction<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0985\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u09b8\u09be\u0987\u0995\u09c7\u09b2\u09c7 \u09aa\u09c1\u09a8\u09b0\u09be\u09df \u09b6\u09c1\u09b0\u09c1 \u09b9\u09ac\u09c7 \u0995\u09bf\u09a8\u09be \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-duration<\/td>\n<td width=\"457\">\u098f\u0995\u099f\u09bf \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3 \u09b9\u09a4\u09c7 \u0995\u09a4 \u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1 \u09ac\u09be \u09ae\u09bf\u09b2\u09bf\u09b8\u09c7\u0995\u09c7\u09a8\u09cd\u09a1 \u09b2\u09be\u0997\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-fill-mode<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09af\u0996\u09a8 \u09aa\u09cd\u09b2\u09c7 \u09b9\u09ac\u09c7 \u09a8\u09be \u09a4\u0996\u09a8 \u0987\u09b2\u09bf\u09ae\u09c7\u09a8\u09cd\u099f\u09c7\u09b0 \u09b8\u09cd\u099f\u09be\u0987\u09b2 \u0995\u09c7\u09ae\u09a8 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-iteration-count<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u0995\u09a4\u09ac\u09be\u09b0 \u09aa\u09cd\u09b2\u09c7 \u09b9\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 3<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-name<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09a8\u09be\u09ae \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 3\u0964<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-play-state<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09aa\u09cd\u09b2\u09c7 \u09b9\u09ac\u09c7 \u09a8\u09be\u0995\u09bf \u09aa\u09b8 \u0985\u09ac\u09b8\u09cd\u09a5\u09be\u09df \u09a5\u09be\u0995\u09ac\u09c7 \u09a4\u09be \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 3<\/td>\n<\/tr>\n<tr>\n<td width=\"181\">animation-timing-function<\/td>\n<td width=\"457\">\u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u09c7\u09b0 \u09b8\u09cd\u09aa\u09bf\u09a1 \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u09c7 \u0964<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u09b8\u09c1\u09a6\u09c0\u09aa\u09cd\u09a4 \u09b8\u09be\u09b9\u09be &nbsp; \u09ab\u09cd\u09b2\u09be\u09b8 \u09ac\u09be \u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09a4\u09c8\u09b0\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7\u09b0 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u09b8\u09bf\u098f\u09b8\u098f\u09b83 \u0985\u09cd\u09af\u09be\u09a8\u09bf\u09ae\u09c7\u09b6\u09a8 \u09a6\u09cd\u09ac\u09be\u09b0\u09be \u09ac\u09a6\u09b2 \u0995\u09b0\u09be \u09af\u09be\u09df\u0964 &nbsp; \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09a8\u09bf\u099a\u09c7\u09b0 \u099f\u09c7\u09ac\u09bf\u09b2\u09c7 \u09aa\u09cd\u09b0\u09a6\u09b0\u09cd\u09b6\u09bf\u09a4 \u09a8\u09be\u09ae\u09cd\u09ac\u09be\u09b0\u0997\u09c1\u09b2\u09cb \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u099b\u09c7 \u0995\u09cb\u09a8 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u0995\u09cb\u09a8 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf\u0995\u09c7 \u09b8\u09ae\u09cd\u09aa\u09c2\u09b0\u09cd\u09a3\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u09c7\u0964 -webkit-, -moz-, \u0985\u09a5\u09ac\u09be -o- \u09af\u09c1\u0995\u09cd\u09a4 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u09c7\u09b0 \u09aa\u09cd\u09b0\u09bf\u09ab\u09bf\u0995\u09cd\u09b8 \u09ad\u09be\u09b0\u09cd\u09b8\u09a8\u0997\u09c1\u09b2\u09cb \u09a8\u09bf\u09b0\u09cd\u09a6\u09c7\u09b6 \u0995\u09b0\u099b\u09c7 \u09af\u09be \u09aa\u09cd\u09b0\u09a5\u09ae \u098f\u0987 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\u099b\u09c7\u0964 Property @keyframes 43.0 4.0\u00a0-webkit- &hellip; <\/p>\n<p><a class=\"more-link btn\" href=\"http:\/\/bangla.sitestree.com\/?p=6234\">Continue reading<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[174],"tags":[519,492,1612,518,341,1611],"class_list":["post-6234","post","type-post","status-publish","format-standard","hentry","category-----css-tutorial","tag-animation","tag-css","tag-css3","tag-518","tag-341","tag-1611","item-wrap"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"jetpack-related-posts":[{"id":6224,"url":"http:\/\/bangla.sitestree.com\/?p=6224","url_meta":{"origin":6234,"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":6234,"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":6238,"url":"http:\/\/bangla.sitestree.com\/?p=6238","url_meta":{"origin":6234,"position":2},"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":[]},{"id":6208,"url":"http:\/\/bangla.sitestree.com\/?p=6208","url_meta":{"origin":6234,"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":6226,"url":"http:\/\/bangla.sitestree.com\/?p=6226","url_meta":{"origin":6234,"position":4},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8 \u09e9 \u0993\u09df\u09c7\u09ac \u09ab\u09a8\u09cd\u099f (CSS3 Web Fonts)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"Sheikh Mahfuzur Rahman \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u09aa\u09be\u09ac\u09b2\u09bf\u09b6 \u09b9\u0993\u09df\u09be\u09b0 \u09aa\u09b0 \u09a5\u09c7\u0995\u09c7 \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u0996\u09a8 \u0986\u09b0 \"\u0993\u09df\u09c7\u09ac \u09b8\u09c7\u0987\u09ab \u09ab\u09a8\u09cd\u099f\u09c7\u09b0\" \u0989\u09aa\u09b0 \u09a8\u09bf\u0989\u09b0\u09cd\u09ad\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df\u09a8\u09be\u0964 \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf \u0993\u09df\u09c7\u09ac \u09ab\u09a8\u09cd\u099f \u0993\u09df\u09c7\u09ac \u09a1\u09bf\u099c\u09be\u0987\u09a8\u09be\u09b0\u09a6\u09c7\u09b0 \u098f\u09ae\u09a8 \u09b8\u09ac \u09ab\u09a8\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09be\u09b0 \u09b8\u09c1\u09af\u09cb\u0997 \u0995\u09b0\u09c7 \u09a6\u09c7\u09df \u09af\u09be \u0987\u0989\u099c\u09be\u09b0\u09a6\u09c7\u09b0 \u0995\u09ae\u09cd\u09aa\u09bf\u0989\u099f\u09be\u09b0\u09c7 \u0987\u09a8\u09cd\u09b8\u099f\u09b2 \u0995\u09b0\u09be \u09b9\u09df\u09a8\u09bf\u0964 \u09af\u0996\u09a8\u0987 \u0986\u09aa\u09a8\u09bf \u0993\u09df\u09c7\u09ac \u09aa\u09c7\u099c\u09c7 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0\u09c7\u09b0 \u099c\u09a8\u09cd\u09af \u0995\u09cb\u09a8 \u09aa\u099b\u09a8\u09cd\u09a6\u09b8\u0987 \u09ab\u09a8\u09cd\u099f \u0996\u09c1\u0981\u099c\u09c7 \u09aa\u09be\u09ac\u09c7\u09a8 \u09ac\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":[]},{"id":6232,"url":"http:\/\/bangla.sitestree.com\/?p=6232","url_meta":{"origin":6234,"position":5},"title":"\u09b8\u09bf\u098f\u09b8\u098f\u09b8\u09e9 \u099f\u09cd\u09b0\u09be\u09a8\u099c\u09bf\u09b6\u09be\u09a8\u09b8 (CSS3 Transitions)","author":"Author-Check- Article-or-Video","date":"February 9, 2015","format":false,"excerpt":"\u09a1\u09ac\u09cd\u09b2\u09bf\u0993\u09a5\u09cd\u09b0\u09bf\u09b8\u09bf \u09b8\u09bf\u098f\u09b8\u098f\u09b8-\u09a5\u09cd\u09b0\u09bf\u09a4\u09c7 \u09af\u09c7\u09b8\u09ac \u09a8\u09a4\u09c1\u09a8 \u09ab\u09bf\u099a\u09be\u09b0 \u09af\u09cb\u0997 \u0995\u09b0\u09c7\u099b\u09c7 \u09a4\u09be\u09b0 \u09ae\u09a7\u09cd\u09af\u09c7 \u0989\u09b2\u09cd\u09b2\u09c7\u0996\u09af\u09cb\u0997\u09cd\u09af \u0993 \u0985\u09ad\u09bf\u09a8\u09ac \u098f\u0995\u099f\u09bf \u09b9\u09b2\u09cb \u099f\u09cd\u09b0\u09be\u09a8\u099c\u09bf\u09b6\u09be\u09a8\u09b8\u0964 \u099f\u09cd\u09b0\u09be\u09a8\u099c\u09bf\u09b6\u09be\u09a8\u09b8 \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7 \u098f\u0995\u099f\u09bf \u09b8\u09cd\u099f\u09be\u0987\u09b2\u0995\u09c7 \u0985\u09a8\u09cd\u09af \u09b8\u09cd\u099f\u09be\u0987\u09b2\u09c7 \u09b0\u09c2\u09aa\u09be\u09a8\u09cd\u09a4\u09b0\u09bf\u09a4 \u0995\u09b0\u09be \u09af\u09be\u09df \u098f\u09ac\u0982 \u098f\u09b0 \u099c\u09a8\u09cd\u09af \u09ab\u09cd\u09b2\u09be\u09b6 \u0985\u09a5\u09ac\u09be \u099c\u09be\u09ad\u09be\u09b8\u09cd\u0995\u09cd\u09b0\u09bf\u09aa\u09cd\u099f \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09a4\u09c7 \u09b9\u09df \u09a8\u09be\u0964 \u00a0 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u09a8\u09bf\u099a\u09c7\u09b0 \u099f\u09c7\u09ac\u09b2\u099f\u09bf\u09a4\u09c7 \u09aa\u09cd\u09b0\u099a\u09b2\u09bf\u09a4 \u09ac\u09cd\u09b0\u09be\u0989\u099c\u09be\u09b0\u0997\u09c1\u09b2\u09cb\u09b0 \u09aa\u09cd\u09b0\u09a5\u09ae \u09af\u09c7 \u09ad\u09be\u09b0\u09cd\u09b6\u09a8\u0997\u09c1\u09b2\u09cb \u099f\u09cd\u09b0\u09be\u09a8\u099c\u09bf\u09b6\u09be\u09a8 \u09aa\u09cd\u09b0\u09aa\u09be\u09b0\u09cd\u099f\u09bf \u09aa\u09c1\u09b0\u09cb\u09aa\u09c1\u09b0\u09bf\u09ad\u09be\u09ac\u09c7 \u09b8\u09be\u09aa\u09cb\u09b0\u09cd\u099f \u0995\u09b0\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":"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\/6234","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=6234"}],"version-history":[{"count":4,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6234\/revisions"}],"predecessor-version":[{"id":11210,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=\/wp\/v2\/posts\/6234\/revisions\/11210"}],"wp:attachment":[{"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=6234"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/bangla.sitestree.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=6234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}