Merge branch 'develop' into patch-1

Author: Sabbir Ahmed

data/css.json

@@ -2,12 +2,14 @@
     "id": "css",
     "title": "সিএসএস",
     "slug": "css",
-    "description": " সিএসএস এর মাধ্যমে ওয়েব পেইজের লেআউট ডিজাইন ও ওয়েব ব্রাউজারে ডকুমেন্ট কিভাবে প্রদর্শন হবে তা নির্ধারন করা হয়।",
+    "description": "সিএসএস এর মাধ্যমে ওয়েব পেইজের লেআউট ডিজাইন ও ওয়েব ব্রাউজারে ডকুমেন্ট কিভাবে প্রদর্শন হবে তা নির্ধারন করা হয়।",
     "colorPref": "#264DE4",
-    "contents": [
+    "contents": 
+    [
       {
-        "title": "ব্যাসিক ধারণা",
-        "items": [
+        "title": "প্রাথমিক ধারণা",
+        "items": 
+        [
           {
             "definition": "সিনট্যাক্স সিলেক্টর",
             "code": "selector{ property: value;}"
@@ -40,7 +42,8 @@
       },
       {
         "title": "ব্যাকগ্রাউন্ড",
-        "items": [
+        "items": 
+        [
           {
             "definition": "ব্যাকগ্রাউন্ড প্রপার্টিস",
             "code": "background | background-color | background-image | background-position | background-size | background-attachment | background-repeat |  background-clip | background-origin"
@@ -81,7 +84,8 @@
       },
       {
         "title": "ফন্ট বা টাইপোগ্রাফি",
-        "items": [
+        "items": 
+        [
           {
             "definition": "ফন্ট প্রপার্টি",
             "code": "font-style | font-variant | font-weight | font-size | line-height | font-family | font-stretch"
@@ -117,8 +121,9 @@
         ]
       },
       {
-        "title": "ট্রানজিশন",
-        "items": [
+        "title": "ট্রানজিশন এবং ট্রান্সফর্ম",
+        "items":
+        [
           {
             "definition": "ট্রানজিশন প্রপার্টি",
             "code": "transition | transition-delay | transition-duration | transition-property | transition-timing-function"
@@ -138,6 +143,14 @@
           {
             "definition": "ট্রানজিশন-টাইমিং-ফাংশন ভ্যালু",
             "code": "linear | ease | ease-in | ease-out | ease-in-out | step-start | step-end | steps(int,start|end) | cubic-bezier(n,n,n,n) | initial | inherit"
+          },
+          {
+            "definition": "ট্রান্সফর্ম থ্রিডি",
+            "code": "transform: translate3d(0, -350px, 0);"
+          },
+          {
+            "definition": "ট্রান্সফর্ম স্কেল",
+            "code": "transform: scale(1, 1);"
           }
         ]
       }