X
تبلیغات
رایتل
جعبه سخنگو یا Hint - کدهای حرفه ای وبلاگ و سایت
کدهای Css3 , JavaScript, PHP و HTML
جعبه سخنگو یا Hint
شنبه 10 اردیبهشت 1390 ساعت 09:05 | نوشته ‌شده به دست ایمان فـخــار


در این پست با استفاده از یکی از قابلیت های 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 می شه زیباترین صفحات پویا رو با کمترین حجم تولید کرد ما در روزهای بعد هم به کرات با این گزینه سر و کار داریم پس حسابی تمرین کنید

چاپ این مطلب: کلیک کنید

(0 لایک)
نظرات (0)
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
نام :
پست الکترونیک :
وب/وبلاگ :
ایمیل شما بعد از ثبت نمایش داده نخواهد شد
 
ابر برجسب
آمار
بازدیدکنندگان : 304152