جعبه سخنگو یا Hint

در این پست با استفاده از یکی از قابلیت های CSS3 یک جعبه هوشمند (Hint) طراحی می کنیم

دستور مورد استفاده  transition از دستورات حرکتی استایل بندیه و با پارامترهای موضوع (آیتم متحرک در شی) / مدت زمان انجام حرکت  / مسیر یا نوع حرکت / مدت زمان ایست قبل از حرکت /  تنظیم می شه در این جلبسه ما گزینه اختیارات رو بر روی all قرار داده مدت زمانی برای مکث تعریف نکردیم و به گزینه زمان انجام حرکت  اکتفا کردیم این دستور در نشانگرهای مختلف تعاریف گوناگونی داره :

دستور	نمایشگر پشتیبان
-moz-transition	موزیلا
-o-transition	اپرا
-webkit-transition	کروم
transition	ماکروسافت

با امکان transition  و  چند کد ساده و کوتاه JavaScript یا  JQuery می شه زیباترین صفحات پویا رو با کمترین حجم تولید کرد ما در روزهای بعد هم به کرات با این گزینه سر و کار داریم پس حسابی تمرین کنید