ستعرف اليوم على استخدام الانيميشن مع كلاسات

font awesome

نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome 
لاستخدامها بدل من الصور 
وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لها
ويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/
ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسي
ويوجد ثلاث انواع للحركه بالنسبه للعناصر
اما مع 

On DOM load

او  مع 

On parent hover

او مع

On hover

وهذا الموقع الذى يحتوى على الكلاسات
http://l-lin.github.io/font-awesome-animation/
***************************************************
ولكن عيك اولا ان تضع لنك ملف css
فى الصفحه المطلوبه
او ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاسات
وهذا مثال عملى على الانيميشن مع كلاسات

font awesome
https://apex.oracle.com/pls/apex/f?p=92775:7:9275140265164::NO:::
مرفق : ملف css

تم تعديل 17 أبريل 20178 سنة بواسطة alisaleh84

جزالك الله خيرا لمجهود الرائع و اين المرفق

تم تعديل 17 أبريل 20178 سنة بواسطة hany66

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

تم تعديل 18 أبريل 20178 سنة بواسطة toota

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

ياريت لو امكن اضافة صفحة توضح المطلوب (source code)

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

ياريت لو امكن اضافة صفحة توضح المطلوب (source code)

المقصود ملف css

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

جزالك الله خيرا لمجهود الرائع و اين المرفق

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex

 

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex

 

الطريقه الوحيده هو اعطاء اليوزر والباسورد

for workspace 

لو فيه حاجه مش فاهماها انا موجود ان شاء الله

تم تعديل 20 أبريل 20178 سنة بواسطة alisaleh84

 

 

 

تسلم على تزويدنا بالجديد

الملفات المقصودة موجودة باللنك http://l-lin.github....some-animation/

 

يقصد بها ملف css

https://raw.githubusercontent.com/l-lin/font-awesome-animation/master/dist/font-awesome-animation.css

 

شكرا مقدما

القصد صفحة مفتوحة المصدر بالapex

 

الطريقه الوحيده هو اعطاء اليوزر والباسورد

for workspace 

لو فيه حاجه مش فاهماها انا موجود ان شاء الله

 

شكرا شكرا شكرا

ستعرف اليوم على استخدام الانيميشن مع كلاسات

font awesome

نعلم جميعا ان اوراكل ابكس اصبحت تتدعم كلاسات font awesome 

لاستخدامها بدل من الصور 

وكل ماعليك اذا احتجت ان تضع اى صوره لايكونه ان تكتب اسم الكلاس فى المكان المحدد لها

ويمكن ان تعرف الكثير عن كلاسات font awesome من خلال الموقع http://fontawesome.io/icons/

ولكن الجديد فى هذا الدرس استخدام كلاس اخر للانيميشن كل ماعليك هو اضافه الكلاس المطلوب بجوار اسم الكلاس الرئيسي

ويوجد ثلاث انواع للحركه بالنسبه للعناصر

اما مع 

On DOM load

او  مع 

On parent hover

او مع

On hover

وهذا الموقع الذى يحتوى على الكلاسات

http://l-lin.github.io/font-awesome-animation/

***************************************************

ولكن عيك اولا ان تضع لنك ملف css

فى الصفحه المطلوبه

او ان تضعه فى تمبلت المستخدم فى صفحات حتى يتم تفعيل الكلاسات

وهذا مثال عملى على الانيميشن مع كلاسات

font awesome

https://apex.oracle.com/pls/apex/f?p=92775:7:9275140265164::NO:::

مرفق : ملف css

الافضل والاسهل وضع اللنك فى

المسار الخاص لللابكيشن ككل

حتى يمكن استخدام الكلاس فى اى مكان للابلكيشن

****

اتبع الصور ولكن نضع اللنك  

APP_IMAGES#font-awesome-animation.css#

فى

Cascading Style Sheets

تم تعديل 20 أبريل 20178 سنة بواسطة alisaleh84

https://www.youtube.com/playlist?list=PLjWQeGQvvAG1lu8ed61b95HBidiUjCXWF

اسف بس اشتي رابط الفديو الذى يحتوى على شرح للالكلاسات