عمل المؤثرات الحركية بواسطة Animate.css
مــن الــمـعـايــنــة الـتـالــيــة يـمـكــنــك رؤيــة مــثــال تـقـريــبــي لـفــكــرة عــمــل هــذه الـتـأثــيــرات شــاهــده ولا تـنــســى الـتـمــريــر لأســفــل حــتــى نـهــايــة الـصـفــحــة لــتــرى بــعــض الــتــأثـيــرات :
كيف يمكن عمل تلك التأثيرات ؟
<link href='http://cnmu.googlecode.com/svn/trunk/2015/animate.css' rel='stylesheet' type='text/css'/> <script src='https://googledrive.com/host/0B9wf6r4PTnMianRNWmU0VFdhVHc' type='text/javascript'/>
كــمـثـال، لـو لــديـنـا صـورة نـريـد ان نــطـبـق عـلــيـهـا الــحـركـة سـيــصـبـح الـكـود الـخـاص بـهـا كـالــتـالـي :
<img class="wow animated tada" src="http://4.bp.blogspot.com/-kn4NCtJwHP4/UP2GHRDFULI/AAAAAAAAAVU/QaSbNEQnyOA/s1600/256%25D8%25A1256.png"/>
كيف نحصل على اسم الحركة ؟
مـثـال آخـر، لـو أردنـا تـطــبـيـق حـركـة مـعــيـنـة عـلـى مــواضـيـع الــمـدونـة بــحـيـث كــلـمـا تـم الـتــمـريـر لأسـفـل يـحـدث الـتــأثـيـر عـلـى الــمـوضـوع.
<div class='post-outer wow animated fadeInUp'>
سبحان الله، والحمدلله، ولا إله إلا الله، والله أكبر
إذا أعجبك الموضوع فلماذا تبخل علينا بالردود المشجعة ؟!
ليست هناك تعليقات
يمكنك وضع تعليقك هنا