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

— Add-On ke WorldWideScripts.net

@id1wwsBerlangganan feed kami untuk tetap up to date!

Baru ! Ikuti kami seperti yang Anda inginkan!


Ribbon Wrap - CSS3 Hover Animation - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Ikuti Envato

Ikuti saya dan mengawasi keluar untuk pemutar video HTML5 dalam gaya ini segera!

Pita Wrap - lebih dari sebuah efek hover

Anda membawa lebih elemen, pita slide keluar dari belakang dan membungkus di sekitar. Pita CSS akhirnya bergerak.

Ada kemungkinan tak terbatas dengan alat CSS3 ini. Ini super mudah untuk menerapkan dan memiliki banyak warna preset dan gaya (tapi menyesuaikan sederhana!).

Pastikan untuk melihat preview video untuk sepenuhnya memahami bagaimana keren hal ini!

Apa yang bisa saya menggunakannya untuk?

Judul & deskripsi gambar

Ilustrasi Harry Tennant

Pita Wrap dapat digunakan sebagai efek hover indah untuk deskripsi gambar, kredit foto, judul ilustrasi, atau apapun yang Anda bisa memikirkan!

Mencampurnya dengan konten

Hal pertama yang diingat ketika mencoba dingin, yang satu dingin. Ini nomor satu aturan Tips menjadi dingin

Pita Wrap dapat diperlakukan sebagai dalam elemen inline untuk menjadi bagian dari aliran biasa konten, atau dapat diposisikan dengan cara untuk menutupi konten ketika itu melayang. Menggunakan mode statis Ribbon Wrap, itu dapat diperlakukan sebagai lebih "tradisional" CSS pita tanpa animasi apapun.

Strip sosial

media sosial

Memiliki strip media sosial ikon geser elemen yang Anda pilih saat melayang.

Alat Strip

alat

Ikon alat-gaya dapat digunakan sebagai pengganti. Bahkan ada pengaturan vertikal.

Fitur

  • Animasi CSS3 murni
  • 8 variasi warna - Mudah untuk membuat Anda sendiri!
  • 5 gaya ekstra untuk pergi dengan warna
  • 3 pengaturan kecepatan
  • Markup super sederhana
  • Fantastis stabil dan fleksibel - Dapat ditambahkan ke hampir semua sudah ada desain
  • Degradasi anggun di browser yang tidak mendukung transisi CSS3
  • Kecil filesize, file CSS inti hanya 13.7kb!
  • Dikemas dengan satu set 19 ikon (di kedua variasi terang dan gelap) ditambah ikon kosong
  • Ukuran font dan font ditentukan murni oleh CSS Anda sendiri
  • File CSS dibagi menjadi "inti" (13.7kb) dan "warna" (48.5kb) memungkinkan untuk optimasi filesize lebih mudah
  • Bekerja secara otomatis dengan lebar apapun - sempurna untuk layout responsif dan cairan!
  • Fantastis dokumentasi yang meliputi 6 berbeda sepenuhnya berkomentar contoh file (masing-masing berisi beberapa contoh).

Dukungan Browser

  • Chrome: Purna Animasi
  • Safari: Animasi Penuh
  • Firefox: Animasi Penuh
  • Opera: Purna Animasi
  • IE8, IE9: Tidak Animation, pita muncul seketika saat melayang

Kompatibel dengan Ribbon Pemain

Item ini kompatibel dengan Ribbon Pemain, sebuah pemutar video HTML5 yang menggunakan animasi pita yang sama. Rincian tentang bagaimana untuk menggabungkan termasuk dalam dokumentasi Ribbon Player.

BigFat - Page Single Tersaring Portofolio HTML5

VIDEO ILLUSTRATIC

Pastikan untuk memeriksa BigFat, saya HTML Template yang menggunakan elemen yang mirip dengan Ribbon Wrap. Harap dicatat bahwa kedua item tidak bisa digabungkan.

Kredit

Kredit Preview

Kredit Template

* Harry Tennant adalah teman pribadi saya dan telah memberi saya izin untuk menggunakan karyanya dengan cara ini.


Ambil
Komponen lain dalam kategori iniSemua komponen penulis ini
KomentarPertanyaan yang sering diajukan dan jawaban

Properties

Dibuat:
8 Juni 12

Pembaharuan terakhir:
N / A

Browser kompatibel:
IE8, IE9, Firefox, Safari, Opera, Chrome

Termasuk file:
HTML, CSS

Software Versi:
CSS2, CSS3

Kata kunci

eCommerce, eCommerce, Semua barang, animasi, caption, warna, CSS3, efek, melayang-layang, HTML5, pemain, pita, kendali, berputar, meluncur, judul, Video