CSS Animation

8 Cuplikan CSS & JavaScript untuk Membuat Bilah Kemajuan Animasi

Leave a Comment / CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Antarmuka pengguna (UI) yang mengukur kemajuan sangatlah membantu. Antarmuka ini menawarkan konfirmasi visual saat menyelesaikan berbagai tugas, sehingga pengguna tidak perlu menebak-nebak seberapa jauh mereka telah menyelesaikan suatu proses. Kita melihat UI ini di perangkat kita. Siapa pun yang melakukan pembaruan di komputer atau ponsel mereka pasti sudah familier dengan UI ini. Jadi, mudah untuk […]

8 Cuplikan CSS & JavaScript untuk Membuat Bilah Kemajuan Animasi Read More »

8 Cuplikan CSS & JavaScript untuk Efek Pengungkapan yang Luar Biasa

Leave a Comment / CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Tidak semua yang ada di website harus ditampilkan secara lugas. Terkadang, menyembunyikan suatu elemen adalah hal yang bijaksana. Kami kemudian dapat mengungkapkannya secara otomatis atau melalui interaction pengguna. Itulah yang membuat efek pengungkapan begitu menarik. Mereka dapat memiliki tujuan ganda. Yang pertama adalah menjaga tata letak kita tetap bagus dan rapi. Yang kedua adalah menambahkan

8 Cuplikan CSS & JavaScript untuk Efek Pengungkapan yang Luar Biasa Read More »

8 Cuplikan CSS & JavaScript yang Menampilkan Tekstur Kayu

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Tekstur kayu sempurna untuk mencapai tampilan yang bersahaja. Dan seperti rekan alami mereka, ada banyak variasi untuk dipilih. Pertimbangkan rangkaian warna dan pola butiran yang hampir tak ada habisnya. Mereka memberi kami banyak ruang untuk penyesuaian. Selain itu, kita bahkan dapat melampaui apa yang kita lihat di alam. Tapi kayu lebih dari sekedar pemain latar

8 Cuplikan CSS & JavaScript yang Menampilkan Tekstur Kayu Read More »

8 Cara Mendandani Kutipan dengan CSS & JavaScript

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Kutipan adalah salah satu elemen desain web yang paling serbaguna. Mereka praktis dapat melompat dari halaman. Dan Anda juga dapat menggunakannya untuk membuat pemisahan dalam bagian teks yang panjang. Untuk gaya, ada banyak sekali kemungkinan. Kita dapat menggunakan kekuatan CSS dan JavaScript untuk membuat UI kutipan agar sesuai dengan estetika yang kita inginkan. Segala sesuatu

8 Cara Mendandani Kutipan dengan CSS & JavaScript Read More »

8 Cuplikan CSS & JavaScript untuk Menganimasikan Kata

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, CSS Typography, JavaScript, JavaScript Snippets /

Ada banyak cara untuk membuat teks menonjol. Ini bisa sesederhana menempatkannya di judul HTML. Anda mungkin menerapkan warna atau gaya pemformatan dasar lainnya. Tapi itu hanya menggores permukaan dari apa yang mungkin. Teknik CSS dan JavaScript modern mampu melakukan lebih banyak lagi. Setiap huruf dapat menari di layar dalam animasi yang sangat berurutan. Efek khusus

8 Cuplikan CSS & JavaScript untuk Menganimasikan Kata Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Efek Bokeh yang Indah

Leave a Comment / Blog, Bokeh Effect, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Bokeh telah lama menjadi gaya fotografi yang terkenal. Dalam istilah sederhana, ini menampilkan fokus utama pada subjek dan latar belakang yang diburamkan dengan lembut. Tekniknya indah dan cara yang pasti untuk menarik perhatian pengguna. Namun bagaimana jika Anda ingin menerapkan estetika Bokeh tanpa fotografi? Ada beberapa metode unik untuk melakukannya. Desainer web menggunakan CSS dan

8 Cuplikan CSS & JavaScript untuk Membuat Efek Bokeh yang Indah Read More »

8 Cuplikan CSS & JavaScript untuk Membuat Ulang Judul Ikonik

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, CSS Typography, JavaScript, JavaScript Snippets /

Urutan judul bisa menjadi ikonik. Adegan-adegan akrab dari film, televisi, dan video game ini sering terukir dalam ingatan kita. Mereka juga berfungsi sebagai semacam penanda budaya, membantu kita mendefinisikan sebuah era. Misalnya, Star Wars mulai mendefinisikan akhir 1970-an dan awal 1980-an. Belakangan ini, judul Stranger Things telah memalsukan ciri khasnya sendiri. Jadi, tidak heran jika

8 Cuplikan CSS & JavaScript untuk Membuat Ulang Judul Ikonik Read More »

Cuplikan Kode yang Menunjukkan Efek Menolak dalam Desain Web

Leave a Comment / Animation, Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets, UI Components, Web Design Inspiration /

Hari ini, kami ingin menyoroti efek penolakan – tren unik dalam desain web yang menjijikkan sekaligus menarik. Dengan mendorong elemen ke berbagai arah atau meniupnya mendorong pengguna untuk berinteraction dengan halaman dan menjelajahi detailnya. Terlepas dari perilakunya yang tampaknya tidak menyenangkan, ini adalah fitur yang sangat menarik yang dapat membuat pengalaman pengguna lebih menarik. Kami

Cuplikan Kode yang Menunjukkan Efek Menolak dalam Desain Web Read More »

8 Efek Metalik Menakjubkan Dibangun Dengan CSS dan JavaScript

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets /

Efek metalik keduanya menarik dan fleksibel. Mereka sering digunakan untuk menciptakan estetika industri atau teknologi tinggi. Mereka berfungsi dengan baik sebagai latar belakang, namun juga dapat menonjolkan elemen terkecil sekalipun. Semua orang mulai dari produsen hingga blogger sci-fi bisa mendapatkan keuntungan. Secara tradisional, efek ini membutuhkan gambar yang kompleks. Hal ini dapat mengakibatkan waktu muat

8 Efek Metalik Menakjubkan Dibangun Dengan CSS dan JavaScript Read More »

8 Cuplikan CSS & JavaScript Hitam & Putih yang Membuat Pernyataan Berani

Leave a Comment / Blog, CSS, CSS Animation, CSS Snippets, JavaScript, JavaScript Snippets, Text Effects /

Tidak ada yang lebih sederhana dari skema warna hitam-putih. Namun warna-warna yang sangat kontras ini dapat membentuk kombinasi yang paling kuat. Sebagai permulaan, ini sangat berguna. Menggunakan teks hitam dengan latar belakang putih memberikan aksesibilitas tertinggi. Itu selalu merupakan taruhan yang aman saat mendesain konten. Tapi itu melampaui utilitas belaka. Hitam dan putih juga bisa

8 Cuplikan CSS & JavaScript Hitam & Putih yang Membuat Pernyataan Berani Read More »

Scroll to Top