X
تبلیغات
کالج کارآفرینی تیوان

کدهای حرفه ای وبلاگ و سایت

کدهای Css3 , JavaScript, PHP و HTML

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


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

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

دستورنمایشگر پشتیبان 
-moz-transition موزیلا Firefox is made by Mozilla, a public benefit organization
-o-transitionاپرا
-webkit-transitionکروم  Browse the web, Chrome Fast
transitionماکروسافت Windows Internet Explorer 8 for Windows XP

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

تاریخ ارسال: شنبه 10 اردیبهشت 1390 ساعت 09:05 | نویسنده: ایمان فـخــار | چاپ مطلب
نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
پست الکترونیک :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد