11 Jul, 2025
10 mins read

Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 4: Tutup dan Pindah – Beragampengetahuan

Ini adalah artikel keempat tentang seri CSS baru shape() Fungsi. Sejauh ini, kami telah membahas perintah paling umum yang akan Anda gunakan untuk menggambar berbagai bentuk, termasuk garis, busur, dan kurva. Kali ini, saya ingin memperkenalkan Anda pada dua perintah lain: close Dan move. Mereka cukup sederhana dalam praktik, dan saya pikir Anda jarang menggunakannya, […]

7 mins read

Resep Spot CSS | beragampengetahuan – Beragampengetahuan

Bintik -bintik, bintik -bintik, bintik -bintik. Anda membenci mereka. Anda mencintai mereka. Secara pribadi, sebagai desain yang buta huruf, saya suka terlalu sering menggunakannya … banyak. Dan, ketika Anda mengulangi proses yang sama berulang -ulang, itu hanya pertanyaan, yaitu Anda dapat mengoptimalkan nomornya, atau dalam hal ini, apa cara termudah untuk membuat gumpalan di CSS? […]

7 mins read

Resep Spot CSS – Beragampengetahuan

Bintik -bintik, bintik -bintik, bintik -bintik. Anda membenci mereka. Anda mencintai mereka. Secara pribadi, sebagai desain yang buta huruf, saya suka terlalu sering menggunakannya … banyak. Dan, ketika Anda mengulangi proses yang sama berulang -ulang, itu hanya pertanyaan, yaitu Anda dapat mengoptimalkan nomornya, atau dalam hal ini, apa cara termudah untuk membuat gumpalan di CSS? […]

11 mins read

Lukis semuanya di CSS – Beragampengetahuan

Saya memiliki kesempatan untuk mengedit banyak entri warna baru untuk beragampengetahuan Almanac. Kami telah menerbitkan beberapa informasi tentang jalan, termasuk panduan lengkap tentang fitur warna: Saya harus mengakui: Saya tidak tahu banyak tentang warna di CSS (saya masih menggunakannya rgb()yang jelas bukan lagi pekerjaan Polay yang keren), jadi ini adalah pengalaman belajar yang menarik. Satu […]

6 mins read

Breaking the Boundaries: Membangun teka -teki Tom dengan CSS (S) – Beragampengetahuan

Selama bertahun -tahun, saya pikir drag and drop game, terutama game yang melibatkan rotasi, logika spasial dan solusi puzzle – adalah ranah eksklusif JavaScript. Sampai suatu hari, saya bertanya pada AI: “Apakah mungkin untuk membangun game teka -teki Tangram yang sepenuhnya interaktif hanya menggunakan CSS?” Menjawab: “Tidak- tidak benar. Anda membutuhkan JavaScript.” Itu semua motivasi […]

6 mins read

Membangun teka -teki tom dengan CSS – Beragampengetahuan

Selama bertahun -tahun, saya pikir drag and drop game, terutama game yang melibatkan rotasi, logika spasial dan solusi puzzle – adalah ranah eksklusif JavaScript. Sampai suatu hari, saya bertanya pada AI: “Apakah mungkin untuk membangun game teka -teki Tangram yang sepenuhnya interaktif hanya menggunakan CSS?” Menjawab: “Tidak- tidak benar. Anda membutuhkan JavaScript.” Itu semua motivasi […]

11 mins read

Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 3: Kurva – Beragampengetahuan

Jika Anda mengikuti, ini adalah artikel ketiga tentang seri CSS baru shape() Fungsi. Kami telah belajar cara menggambar garis dan busur, dan di bagian ketiga saya akan membahas curve Perintah – Perintah yang hilang yang perlu Anda ketahui untuk kontrol penuh shape() Fungsi. Sebenarnya ada lebih banyak perintah, tetapi Anda jarang membutuhkannya, dan Anda dapat […]

12 mins read

Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 3: Kurva – Beragampengetahuan

Jika Anda mengikuti, ini adalah artikel ketiga tentang seri CSS baru shape() Fungsi. Kami telah belajar cara menggambar garis dan busur, dan di bagian ketiga saya akan membahas curve Perintah – Perintah yang hilang yang perlu Anda ketahui untuk kontrol penuh shape() Fungsi. Sebenarnya ada lebih banyak perintah, tetapi Anda jarang membutuhkannya, dan Anda dapat […]

11 mins read

Bentuk CSS yang lebih baik menggunakan bentuk () – Bagian 2: Informasi lebih lanjut tentang busur – Beragampengetahuan

Siapkan bagian kedua? Kami masih menjelajah shape() Fungsi, lebih tepatnya, perintah busur. Saya harap Anda meluangkan waktu untuk mencerna bagian pertama karena kami akan langsung membuat lebih banyak bentuk! Ingatkan kami, shape() Saya hanya mendukung fitur di Chrome 137+ dan Safari 18.4+ ketika saya menulisnya pada Mei 2025. Bentuk departemen Bentuk klasik lainnya juga dapat […]