Ada suatu waktu dalam sejarah internet ketika Anda harus menggunakan Flash jika Anda ingin menambahkan beberapa efek visual ke situs Anda selain animasi GIF. Fast forward ke hari ini, dan kami menemukan Flash telah mati dan hal-hal seperti CSS3 dan HTML5 membawa animasi dan efek fantastis ke web. Show
Jika Anda ingin menambahkan beberapa animasi CSS terbaik untuk situs web atau proyek web berikutnya, berikut adalah daftar 20 terbaik animasi CSS di CodeCanyon untuk dapat Anda mulai: 1. Aero - CSS3 Hover EffectsTambahkan beberapa efek hover gambar kaca berbayang dengan Aero - CSS3 Hover Effects. Ini sepenuhnya responsif dan mudah digunakan, dan Anda juga akan menemukan:
Dengan 10 efek yang disertakan dalam rilis dan efek lain yang menyusul, Aero - CSS3 Hover Effects adalah bundel manis animasi CSS untuk efek hover gambar Anda. 2. MegaHover Mouse Over EffectsMegaHover Mouse Over Effects menawarkan batch efek yang kuat dari efek hover gambar CSS3 yang kompatibel dengan Bootstrap 3. Ini juga:
Mudah mengintegrasikan dan memodifikasi MegaHover Mouse Over Effects ke ratusan efek hover yang bagus. 3. Animatia - CSS Image Hover EffectsMudah digunakan, waktu loading minimal, sangat mudah dikustomisasi? Animatia - CSS Image Hover Effects melakukan ini dan lebih. Batch CSS ini mencakup:
Gunakan Animatia - CSS Image Hover Effects style tombol, overlay efek, teks, dan animasi CSS lain. 4. Hover Effects FrameworkHover Effects Framework adalah solusi animasi CSS yang benar-benar luwes. Kode yang bersih, sepenuhnya responsif, dan:
Hover Effects Framework memiliki kode yang bersih, dan terbaik dari semuanya, mencakup banyak contoh-contoh untuk membantu Anda memulai dengan beberapa animasi CSS yang bagus. 5. Collection of PreloadersAnda mungkin tidak perlu lagi mengkoleksi preloaders lainnya setelah Anda mendapatkan Collection of Preloaders. Anda akan menerima:
Sepenuhnya ramah untuk mobile, Collection of Preloaders merupakan tambahan yang bagus untuk toolbox CSS3 siapa pun. 6. CSS3 Image Hover EffectsJika Anda pernah melihat satu animasi CSS untuk efek hover gambar, Anda telah melihat mereka semua, kan? Belum tentu. CSS3 Image Hover Effects memasukkan beberapa efek yang benar-benar unik dan menarik. Termasuk:
Periksa CSS3 Image Hover Effects yang kompatibel dengan Bootstrap. 7. Image Hover CSS LibraryImage Hover CSS Library adalah kumpulan pustaka animasi CSS hover gambar yang dapat diubah-ubah ukurannya, ringan yang layak untuk dilihat. Ini adalah koleksi berkelas dari 58 class efek hover, di-minified hanya menjadi 25 KB.
Sulit untuk memisahkan diri dari animasi CSS hover gambar lainnya, tetapi Image Hover CSS Library telah melakukannya. 8. SVG Logo Scroll Animation | CSS3 and JavascriptSangat baik untuk melepaskan diri dari animasi CSS yang biasa—efek hover gambar—dan melihat sesuatu seperti SVG Logo Scroll Animation | CSS3 and Javascript. Hanya kurang dari 4k, menambahkan beberapa animasi gulir halaman SVG yang indah. Membangun beberapa animasi indah halaman web dengan SVG Logo Scroll Animation | CSS3 and Javascript. 9. Viavi CSS3 Scroll EffectsViavi CSS3 Scroll Effects adalah solusi animasi gulir CSS3 HTML yang benar-benar bagus. Beberapa fitur meliputi:
Menggunakan sistem grid semuanya dan sentuhan-diaktifkan untuk penggunaan mobile, Viavi CSS3 Scroll Effects tidak hanya terlihat bagus, tetapi juga dapat diimplementasi dengan baik. 10. CSS3 Spinners & LoadersPerlu loader tanpa GIF? Tidak masalah. CSS3 Spinners & Loaders memberikannya.
CSS3 Spinners & Loaders didokumentasikan dengan baik dan solusi CSS penuh untuk spinner and loader. 11. Midix - CSS3 Animation Effects without jQueryMenggunakan CSS3 murni, Midix - CSS3 Animation Effects without jQuery memberikan serangkaian padat 16 animasi CSS. Anda dapat menyesuaikan:
Anda tidak akan hanya menerima koleksi indah animasi CSS dengan Midix - CSS3 Animation Effects without jQuery, tetapi juga update gratis dan dukungan yang ramah. 12. CSS3 Hover EffectsCSS3 Hover Effects merupakan pilihan yang baik. Anda dapat dengan mudah mengubah:
Dengan 479 ikon retina dan 20 efek yang berbeda, CSS3 Hover Effects adalah sumber daya yang besar untuk dimiliki dan digunakan. 13. VSPreloader - Ultimate CSS Animated PreloadersSejak animasi preloaders berjalan, VSPreloader - Ultimate CSS Animated Preloaders adalah salah satu solusi yang lebih unik, kreatif, dan tampak bagus yang akan Anda temukan. Termasuk fitur:
Ini juga sangat tajam dan unik. Lihatlah lebih dekat pada VSPreloader - Ultimate CSS Animated Preloaders. Saya pikir Anda akan terkesan. 14. Heed - Pure CSS3 Animation EffectsHeed - Pure CSS3 Animation Effects menyediakan semua yang Anda inginkan dalam koleksi animasi CSS. Sangat mudah untuk menginstal, mengubah, dan mengkonfigurasi dengan SCSS (file termasuk).
Heed - Pure CSS3 Animation Effects adalah ramah dengan retina, dukungan yang ramah, dan termasuk update gratis. 15. Ayan - CSS3 Link Hover EffectsSementara sebagian besar animasi CSS yang Anda temukan terfokus pada efek gambar dan halaman, Ayan - CSS3 Link Hover Effects menyediakan barisan efek hover link yang mengesankan. Anda akan menemukan 30 CSS3 efek hover link yang terlihat bagus dan:
Bundel Ayan - CSS3 Link Hover Effects adalah kreatif, tajam, dan menambahkan sentuhan bagus animasi CSS tanpa terlalu mencolok. 16. Sinister - Pure CSS Image Hover EffectsMenawarkan lebih dari 100 efek hover, Sinister - Pure CSS Image Hover Effects menyediakan sejumlah mengesankan efek yang dirancang dengan baik. Ini mencakup lebih dari:
Tanpa menggunakan JavaScript atau jQuery, dan menggunakan CSS murni, Sinister - Pure CSS Image Hover Effects menghadirkan:
17. Stylish Social Media Animated Icons StyleTambahkan beberapa animasi CSS yang bagus ke ikon media sosial Anda dengan Stylish Social Media Animated Icons Style. Dengan desain yang bersih dan sembilan style yang berbeda untuk dipilih, Anda juga akan menikmati:
Stylish Social Media Animated Icons Style menambahkan sentuhan bagus warna dan animasi CSS ke barisan ikon media sosial Anda. 18. CSS3 AnimationsDengan mudah menganimasikan div, p, dan body HTML dengan CSS3 Animations. Ini adalah potongan bagus yang dapat digunakan dan diterapkan dalam banyak situasi desain berbeda. Termasuk fitur:
Akankah Anda menambahkan CSS3 Animations ke toolbox desain Anda? 19. Pure CSS3 Image AccordionBangun setup slider Anda sendiri atau yang serupa menggunakan Pure CSS3 Image Accordion untuk beberapa animasi CSS yang bagus. Itu adalah:
Membuat beberapa musik visual dengan Pure CSS3 Image Accordion. 20. CSS3 Mega Tooltip Animation PackLelah tooltips sederhana? Tambahkan beberapa sihir animasi CSS menggunakan CSS3 Mega Tooltip Animation Pack. Paket tooltip animasi CSS ini meliputi:
CSS3 Mega Tooltip Animation Pack juga termasuk kompatibilitas Internet Explorer. KesimpulanBahkan dengan banyak animasi CSS yang berbeda tersedia di Envato Market, mungkin Anda masih belum menemukan apa yang Anda cari. Bukan masalah. Anda dapat mengembangkan milik Anda sendiri! Periksa ebook Envato seperti Menguasai CSS3, ambil salah satu dari banyak kursus kode berbeda yang ditawarkan, atau temukan dan ikuti Tutorial Code CSS3. |