CSS3 transition باعث میشود حالت یک المنت به حالت دیگری تغییر کند .
برای انجام دادن آن شما باید دو کار انجام دهید :
نوع ویژگی ای که میخواهید آن را تغییر حالت دهید مثلاً width (اگر میخواهید همه ویژگی ها تغییر کند all استفاده کنید)
مدت زمان تغییر حالت ها
نکته در صورتی که هیچ زمانی داده نشود هیچ افکتی رخ نخواهد داد چون زمان دیفالت ۰ ثانیه است .
افکت زمانی رخ میدهد که مقدار ویژگی مورد نظر مثلاً width تغییر کند :