اثناء تصفحى لأحدى المواقع الاجنبية رايت موقع اجنبى واضع خاصية ترنح الصفحات بمعنى اثناء تصفح الموقع تجد صفحات المدونة تترنح بشكل دائرى اكثر من رائع هذه الخاصية ذكرتنى بايام المنتديات الذى كنت امتلكها فى السابق عندما اضع هذه الخاصية جعل اصحاب المنتديات يتسالون عن هذا الكود وكيف يعمل الكود عبارة عن جافا سكربت ولكن انا لا انصح بهذا الكود لانة بيجعل الموقع بطيى بعض الشيى وعن تجربة وهذه مجرد نصائح فلمن يريد هذه الطريقة يتابع معى كيفية التركيب .
كيفية التركيب :
اذهب الى لوحة التحكم ثم الى التخطيط وقم بأضافة اداء جديدة واختار HTML/JAVA SCRIPT
ضع هذا الكود بداخلة :
<style> @-moz-keyframes roll { 100% { -moz-transform: rotate(360deg); } } @-o-keyframes roll { 100% { -o-transform: rotate(360deg); } } @-webkit-keyframes roll { 100% { -webkit-transform: rotate(360deg); } } body{ -moz-animation-name: roll; -moz-animation-duration: 4s; -moz-animation-iteration-count: 1; -o-animation-name: roll; -o-animation-duration: 4s; -o-animation-iteration-count: 1; -webkit-animation-name: roll; -webkit-animation-duration: 4s; -webkit-animation-iteration-count: 1; } </style>بالأخير اضغط على حفظ
الان اتجهة الى صفحة المدونة الرئيسية لتشاهد النتيجة .
صورة لشكل الاضافة :
كما تلاحظون الشكل بعد الاضافة ستجدون بأن صفحة المدونة تتموج اثناء تصفح المدونة .
ارجو بأن هذه الاضافة اعجبتكم وانتظرونى باضافة اخرى جديدة .
ليست هناك تعليقات:
إرسال تعليق
قال تعالى ( مَا يَلْفِظُ مِن قَوْلٍ إِلا لَدَيْهِ رَقِيبٌ عَتِيدٌ )