CSS3 transition باعث میشود حالت یک المنت به حالت دیگری تغییر کند .

برای انجام دادن آن شما باید دو کار انجام دهید :

نوع ویژگی ای که میخواهید آن را تغییر حالت دهید مثلاً width (اگر میخواهید همه ویژگی ها تغییر کند all استفاده کنید)
مدت زمان تغییر حالت ها

kjk

نکته در صورتی که هیچ زمانی داده نشود هیچ افکتی رخ نخواهد داد چون زمان دیفالت ۰ ثانیه است .
افکت زمانی رخ میدهد که مقدار ویژگی مورد نظر مثلاً width تغییر کند :

gfg