WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
CSS / Animations and Effects

Ribbon Wrap - CSS3 Hover Animation

— الإضافة إلى WorldWideScripts.net

الاشتراك في موقعنا تغذية للبقاء حتى الآن!

جديد! تابعونا على النحو الذي تريد ذلك!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

اتبع Envato

اتبعني وترقب لHTML5 الفيديو في هذا النمط قريبا!

الشريط التفاف - أكثر بكثير من تأثير تحوم

كنت تحوم فوق العنصر، الشرائح الشريط من وراء ذلك، ويلتف حولها.أشرطة CSS تتحرك في نهاية المطاف.

هناك احتمالات لا نهاية لها مع هذه الأداة CSS3. انها السوبر سهلة لتنفيذ ويمتلك الكثير من الألوان والأساليب مسبقا (ولكن تخصيص بسيط!).

تأكد لعرض معاينة الفيديو لنفهم تماما كيف باردة هذا الشيء هو!

ماذا يمكنني استخدامه ل؟

عناوين وأوصاف الصور

التوضيح هاري تينانت

الشريط التفاف يمكن استخدامها كأثر تحوم جميلة لوصف الصور والاعتمادات الصورة، عناوين التوضيح، أو أي شيء آخر يمكن ان يخطر لك!

مزجها في ذات المحتوى

أول شيء نتذكر عندما تحاول بارد، بارد أن واحد.  هذه نصائح القاعدة رقم واحد يجري بارد

الشريط التفاف يمكن أن تعامل على أنها عنصر مضمنة في أن تكون جزءا من تدفق المعتاد من المحتوى، أو يمكن وضعه في وسيلة لتغطية المحتوى عندما يكون حامت عليه. عن طريق وضع ثابت الشريط التفاف، فإنه يمكن أن تعامل على أنها أكثر "التقليدية" الشريط CSS بدون أي رسوم المتحركة.

قطاع الاجتماعي

وسائل التواصل الاجتماعي

لدينا شريط من وسائل الاعلام الاجتماعية رموز الشريحة على العنصر الذي اخترته عندما حامت.

أداة الشريط

أدوات

الرموز على غرار أداة يمكن أن تستخدم بدلا من ذلك. حتى أن هناك وضع رأسي.

ميزات

  • الرسوم المتحركة CSS3 الصرفة
  • اختلافات لون 8 - من السهل أن تختار بنفسك!
  • 5 أنماط إضافية للذهاب مع الألوان
  • 3 ضبط السرعة
  • العلامات سوبر بسيطة
  • خيالي مستقرة ومرنة - يمكن أن تضاف إلى ما يقرب من أي موجود مسبقا تصميم
  • يحط بأمان في المتصفحات التي لا تدعم التحولات CSS3
  • حجم الملف صغير، ملف CSS الأساسية هي 13.7kb فقط!
  • حزم مع مجموعة من 19 الرموز (في الاختلافات الداكنة والفاتحة على حد سواء)، بالإضافة إلى رمز فارغة
  • أحجام الخطوط والخطوط قررت بمحض CSS الخاص بك
  • ملفات CSS انقسم إلى "الأساسية" (13.7kb) و "الألوان" (48.5kb) مما يسمح لتسهيل حجم الملف الأمثل
  • يعمل تلقائيا مع أي عرض - مثالية لتخطيطات سريعة الاستجابة والسوائل!
  • وثائق رائعة والتي تشمل 6 مختلفة الملفات سبيل المثال علق بالكامل (تحتوي كل منها على أمثلة متعددة).

دعم المتصفح

  • الكروم: الرسوم المتحركة كامل
  • سفاري: الرسوم المتحركة كامل
  • فايرفوكس: الرسوم المتحركة كامل
  • أوبرا: الرسوم المتحركة كامل
  • IE8، IE9: لا للرسوم المتحركة، تظهر أشرطة على الفور عندما حامت

متوافقة مع الشريط لاعب

هذا البند هو متوافق مع الشريط لاعب، لاعب الفيديو HTML5 يستخدم نفس الشريط الرسوم المتحركة. وترد تفاصيل عن كيفية الجمع في توثيق الشريط لاعب.

BigFat - صفحة واحدة للترشيح المحافظ HTML5

VIDEO ILLUSTRATIC

تأكد من تحقق من BigFat، قالب HTML بلدي الذي يستخدم عناصر مماثلة إلى الشريط التفاف. يرجى ملاحظة أن هذين البندين لا يمكن الجمع.

ائتمانات

قروض المعاينة

قروض قالب

* هاري تينانت هو صديق شخصي لي وأعطاني الإذن لاستخدام عمله في هذا السبيل.


تحميل
المكونات الأخرى في هذه الفئةجميع مكونات هذا الكاتب
تعليقاتالأسئلة المتداولة والأجوبة

خصائص

خلق:
8 يونيو +12

اخر تحديث:
N / A

المتصفحات المتوافقة:
IE8، IE9، فايرفوكس، وسفاري، أوبرا، كروم

وشملت ملفات:
HTML، CSS

النسخة البرمجيات:
CSS2، CSS3

كلمات البحث

التجارة الإلكترونية, التجارة الإلكترونية, جميع المواد, الرسوم المتحركة, شرح, الألوان, CSS3, تأثير, رفرفة, HTML5, لاعب, شريط, شرائط, يتدحرج, الانزلاق, عنوان, فيديو