انت هنا الان : شبكة جامعة بابل > موقع الكلية > نظام التعليم الالكتروني > مشاهدة المحاضرة

Introduction to CSS3 - Part II

الكلية كلية تكنولوجيا المعلومات     القسم قسم شبكات المعلومات     المرحلة 2
أستاذ المادة حيدر محمد حبيب الخميس       30/03/2013 22:12:36
CSS3 Transitions
With CSS3, we can add an effect when changing from one style to another, without using Flash animations or JavaScripts.

Till the date of this lecture:
• Internet Explorer does not yet support the transition property.
• Firefox 4 requires the prefix -moz-.
• Chrome and Safari requires the prefix -webkit-.
• Opera requires the prefix -o-.

How does it work?
CSS3 transitions are effects that let an element gradually change from one style to another.
To do this, you must specify two things:
• Specify the CSS property you want to add an effect to
• Specify the duration of the effect.
Transition effect on the width property, duration: 2 seconds:
Note: If the duration is not specified, the transition will have no effect, because default value is 0.
The effect will start when the specified CSS property changes value. A typical CSS property change would be when a user mouse-over an element:

Multiple changes
To add a transitional effect for more than one style, add more properties, separated by commas:
Add effects on the width, height, and the transformation:

CSS3 Animations
With CSS3, we can create animations, which can replace animated images, Flash animations, and JavaScripts in many web pages.


المادة المعروضة اعلاه هي مدخل الى المحاضرة المرفوعة بواسطة استاذ(ة) المادة . وقد تبدو لك غير متكاملة . حيث يضع استاذ المادة في بعض الاحيان فقط الجزء الاول من المحاضرة من اجل الاطلاع على ما ستقوم بتحميله لاحقا . في نظام التعليم الالكتروني نوفر هذه الخدمة لكي نبقيك على اطلاع حول محتوى الملف الذي ستقوم بتحميله .