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

— Tambah-On untuk WorldWideScripts.net

Melanggan suapan kami untuk kekal sehingga tarikh!

Baru! Ikut kami yang anda mahu!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ikut Envato

Ikut saya dan mengawasi keluar untuk pemain video HTML5 dalam gaya ini tidak lama lagi!

Ribbon Balut - lebih daripada kesan hover

Anda membawa lebih unsur, reben slaid keluar dari belakang dan membaluti. Reben CSS akhirnya bergerak.

Terdapat kemungkinan yang tidak berkesudahan dengan alat CSS3 ini. Ia sangat mudah untuk melaksanakan dan mempunyai banyak warna gaya dan pra tetap (tetapi menyesuaikan mudah!).

Pastikan untuk melihat pratonton video untuk memahami sepenuhnya bagaimana sejuk perkara ini adalah!

Apa yang boleh saya menggunakannya untuk?

Tajuk & penerangan imej

Ilustrasi Harry Tennant

Ribbon Wrap boleh digunakan sebagai kesan hover indah untuk penerangan imej, kredit gambar, tajuk ilustrasi, atau apa-apa sahaja yang boleh anda fikirkan!

Mencampurkannya dengan kandungan

Perkara pertama yang perlu diingat apabila cuba sejuk, bahawa salah sejuk. Ini nombor satu peraturan Tips menjadi sejuk

Ribbon Wrap boleh dianggap sebagai dalam elemen sebaris untuk menjadi sebahagian daripada aliran biasa kandungan, atau boleh diletakkan dalam satu cara untuk melindungi kandungan apabila ia bergerak. Menggunakan mod statik Ribbon Wrap ini, ia boleh dianggap sebagai suatu "tradisional" CSS reben lebih tanpa sebarang animasi.

Jalur sosial

media sosial

Mempunyai jalur media sosial ikon slaid lebih unsur pilihan anda apabila berlegar.

Alat jalur

alat

Ikon gaya alat boleh digunakan. Terdapat juga suasana yang menegak.

Ciri-ciri

  • Animasi CSS3 tulen
  • 8 variasi warna - Mudah untuk membuat anda sendiri!
  • 5 gaya tambahan untuk pergi dengan warna
  • 3 tetapan kelajuan
  • Markup super mudah
  • Fantastically stabil dan fleksibel - Boleh ditambah kepada hampir mana-mana reka bentuk yang sedia ada
  • Mempersendakan anggun dalam pelayar yang tidak menyokong peralihan CSS3
  • Saiz fail kecil, fail CSS teras hanya 13.7kb!
  • Dibungkus dengan satu set 19 ikon (dalam kedua-dua variasi gelap dan cahaya) serta ikon kosong
  • Saiz fon dan fon ditentukan semata-mata oleh CSS anda sendiri
  • Fail CSS yang dibahagi menjadi "teras" (13.7kb) dan "warna" (48.5kb) membenarkan untuk pengoptimuman saiz fail lebih mudah
  • Berfungsi secara automatik dengan mana-mana lebar - sesuai untuk susun atur responsif dan cecair!
  • Dokumentasi yang hebat yang merangkumi 6 berbeza mengulas sepenuhnya contoh fail (masing-masing mengandungi pelbagai contoh).

Sokongan Pelayar

  • Chrome: Animasi Penuh
  • Safari: Animasi Penuh
  • Firefox: Animasi Penuh
  • Opera: Animasi Penuh
  • IE8, IE9: Tiada Animation, reben muncul serta-merta apabila berlegar

Sesuai dengan reben pemain

Item ini serasi dengan reben pemain, pemain video HTML5 yang menggunakan animasi reben yang sama. Maklumat terperinci mengenai bagaimana untuk menggabungkan adalah termasuk dalam dokumentasi Ribbon Player.

BigFat - Laman Single ditapis Portfolio HTML5

VIDEO ILLUSTRATIC

Pastikan untuk menyemak BigFat, template HTML saya yang menggunakan unsur-unsur yang sama dengan reben bungkus. Sila ambil perhatian bahawa kedua-dua barangan tidak boleh digabungkan.

Kredit

Kredit Preview

Kredit Template

* Harry Tennant adalah kawan peribadi saya dan telah memberikan kebenaran untuk menggunakan kerja-kerja dengan cara ini saya.


Memuat turun
Komponen-komponen lain dalam kategori iniSemua komponen pengarang ini
KomenSoalan-soalan lazim dan jawapan

Properties

Dibuat:
8 Jun 12

Kemaskini:
N / A

Pelayar Sesuai:
IE8, IE9, Firefox, Safari, Opera, Chrome

Fail Termasuk:
HTML, CSS

Perisian Versi:
CSS2, CSS3

Kata kunci

eCommerce, eCommerce, Semua Produk, animasi, kapsyen, warna, CSS3, kesan, hover, HTML5, Pemain, reben, reben, bergolek, slaid, tajuk, video