CSS-Sprit.es: Membuat Sprite CSS Tanpa Coding

Iklan

CSS-Sprit.es adalah alat online untuk membantu desainer web dan pengembang menangani tugas CSS Sprite. Ini memungkinkan Anda dengan cepat dan mudah menghasilkan sprite gambar (komponen grafis dengan tindakan yang telah ditentukan, sebagai bagian dari komponen yang lebih besar) untuk situs web Anda dengan sedikit atau bahkan tanpa pengetahuan tentang CSS.

Sebagai fitur tambahan juga dapat menghasilkan rollover dengan berbagai efek (Desaturation, Sepia, Embossing, Flipping Horizontal/Vertically, Inverting) dan memberikan tampilan yang hilang pada website Anda. Aplikasi ini menggunakan fitur HTML 5 dan menghasilkan CSS yang valid.

Menggunakan situs ini sangat mudah, cukup pilih file Anda, lalu secara opsional pilih efek rollover dari daftar drop-down dan klik tombol "Buat CSS Hover". Ini akan menghasilkan pratinjau yang berisi gambar asli dan gambar transisi seperti yang terlihat pada gambar di bawah. Jika Anda menyukai hasilnya, Anda dapat mengambil kode CSS dan HTML yang sesuai.

Fitur:

• Buat sprite CSS secara online.
• Opsional menerapkan rollover otomatis dengan berbagai efek seperti desaturasi, membalik gambar atau sepia… .
• Jenis gambar yang diizinkan: png, gif, jpeg, dan ukuran setiap file tidak boleh lebih dari 5 MB.
• Multi upload dan pemrosesan batch didukung.
• Memungkinkan Anda melihat pratinjau efek yang diterapkan.
• CSS yang dihasilkan kompatibel dengan Mozilla, Chrome, Safari, Opera dan IE > 6.0.
• Gratis dan tanpa registrasi.
• Lihat juga 11 Alat Berguna Untuk Memeriksa, Membersihkan & Mengoptimalkan File CSS Anda 11 Alat Berguna untuk Memeriksa, Membersihkan, dan Mengoptimalkan File CSSIngin meningkatkan kode CSS Anda? Pemeriksa dan pengoptimal CSS ini akan membantu meningkatkan kode CSS, sintaksis, dan mengecilkan halaman web Anda. Baca selengkapnya .

Coba CSS-Sprite @ www.css-sprit.es